.hearder{background-color: #fff;height: 90px;position: relative;}
.hearder .nav li{position: relative;}
.hearder .nav li a{padding: 0 25px; height: 90px;line-height: 90px;font-size: 16px;font-weight: bold;color: #333;}
.hearder .nav li.active a{background-color:#0177CE ;color: #fff;}
.hearder .nav li .sub-nav{position: absolute; top: 100%; height: 0; left: 0; font-size: 18px; width: 100%; background: #222222; box-sizing: border-box; 
    white-space: nowrap; transition: all .5s;z-index: 9;display: none;}
.hearder .nav li .sub-nav::before { left: 0; content: ''; position: fixed; width: 100vw; height: 60px; transition: all 1s; background: #222222 }
.hearder .nav li .sub-nav .sub-nav-wrap { position: absolute; left:100%; transform: translateX(-100%) }
.hearder .nav li .sub-nav .sub-list { padding-left: 22%; display: flex }
.hearder .nav li .sub-nav .sub-list .sub-item a { margin-right: 25px; color: #888888; transition: 1s;height: 0;line-height: 60px; }
.hearder .nav li .sub-nav .sub-list .sub-item a:hover { color: #fff }
.hearder .nav li:hover .sub-nav { display: block }
.hearder .nav li:hover .sub-nav::before { height: 60px }
.hearder .link-box{padding-top: 30px;}
.hearder .link-box .link-item{width: 30px;height: 30px;margin-left: 15px;}
.hearder .link-box .link-item.item1{background: url(../images/link-pic.png) no-repeat -17px -16px; }
.hearder .link-box .link-item.item2{background: url(../images/link-pic.png) no-repeat -61px -16px; }
.hearder .link-box .link-item.item3{background: url(../images/link-pic.png) no-repeat -101px -16px; }

.code-box{width: 300px;height: 340px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);box-shadow:0 0 10px rgba(0, 0, 0, .5);
position: fixed;left: 50%;top: 200px;transform: translateX(-50%);z-index: 9;background-color: #fff;padding: 0 20px;display: none;}
.code-box .title{font-size: 14px;line-height: 50px;font-weight: 600;}
.code-box .pic-box{width: 100%;}
.code-box .pic-box img{width: 100%;}
.code-box .close{position: absolute;right: 20px;top: 11px;height: 20px;width: 20px;}
.code-box .close img{width: 100%;}
.search-panel { display: none; position: absolute; top: 100%; width: 100%;z-index: 9; }
.search-panel .search-bar { width: 100%; height: 60px; background: #222222; padding: 13px 0; box-sizing: border-box; }
.search-panel .input-item { position: relative; width: 310px; min-width: 16%; max-width: 80%; margin: 0 auto; border-radius: 20px; height: 34px; line-height: 34px; padding: 0 18px; background-color: #fff; z-index: 9; }
.search-panel .input-item .inp { width: 253px}
.search-panel .input-item button {cursor: pointer; z-index: 10; }

.banner{width: 100%;position: relative;padding-bottom: 80px;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide a{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide a img{width: 100%;height: 100%;} 
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px;}
.banner .swiper-container .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #F7F7F7;opacity: 0.541;}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}

.banner-news { position: absolute; width: 100%; bottom: 0; height: 80px; z-index: 10; overflow: hidden; transition: all .5s; z-index: 98 }
.banner-news.open { height: 400px }
.banner-news.open .arrow-btn { transform: rotate(180deg) }
.banner-news.open .abbr-news { display: none }
.banner-news.open .news-detail { display: block; height: 100% }
.banner-news.open .news-detail .news-detail-left, .banner-news.open .news-detail .news-list { transform: translateX(0) }
.banner-news .bg { position: absolute; bottom: 0; width: 100%; height: 400px; background-image: url("../images/banner_news_bg.jpg"); background-size: cover; background-position: center; z-index: -1 }
.banner-news .news-wrap { width: 1600px; max-width: 95%; min-width: 83%; margin: 0 auto; height: 100%; display: flex; position: relative; align-items: center }
.banner-news .abbr-news { display: flex; color: #fff;align-items: center; }
.banner-news .news-label { margin-right: 35px }
.banner-news .news-title { color: #fff; opacity: 1; transition: .5s }
.banner-news .news-title:hover { opacity: 0.7 }
.banner-news .news-desc { line-height: 22px }
.banner-news .news-detail { position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 25px; box-sizing: border-box; color: #fff; transition: all .5s }
.banner-news .news-detail .news-detail-left { position: relative; float: left; width: 38.2%; box-sizing: border-box; padding-right: 150px; padding-bottom: 50px; transition: all .5s; transform: translateX(-100%) }
.banner-news .news-detail .news-detail-left::after { content: ''; position: absolute; right: 0; bottom: 0; top: 60px; width: 2px; background: #fff }
.banner-news .news-detail .news-list { width: 61.8%; float: left; padding: 60px 0 0 60px; box-sizing: border-box; transition: all .5s; transform: translateX(100%); display: flex; flex-wrap: wrap }
.banner-news .news-detail .news-list .news-item { width: 49%; float: left; padding-right: 25px; margin-bottom: 50px; box-sizing: border-box;
    padding: 0; border: none;display: block;}
 .banner-news .news-detail .news-list .news-item:hover{background-color:transparent;}
.banner-news .news-detail .icon-list { position: absolute; right: 40px; bottom: 20px }
.banner-news .news-detail .icon-list .icon-wrap { display: inline-block; margin: 0; padding: 0; width: 24px; margin-left: 10px; background-size: cover; color: #fff; background: none; font-size: 24 }
.banner-news .news-detail .icon-list .icon-wrap img { width: 100% }
.banner-news .arrow-btn { position: absolute; right: 0; bottom: 25px; width: 43px; height: 26px; background-image: url("../images/arrow_up.png"); background-size: 100% 100%; cursor: pointer; transition: all .5s }

.about-box{width: 100%;height: 660px;padding-top: 95px;background: url(../images/aboout-back.png) no-repeat;}
.about-box .title{text-align: center;font-size: 42px;line-height: 64px; color: #333;margin-bottom: 83px;background: url(../images/title-back.png) no-repeat center center;}
.about-box .content{font-size: 16px;color: #666;line-height: 1.875;text-align: center;}
.about-box .more{width: 143px; height: 42px;display: block; font-size: 16px;color: #666;text-align: center;line-height: 42px;border:1px solid #999;margin: 40px auto 60px auto;}  
.about-box .more:hover{background-color: #999;color: #fff;}
.about-box .about-num{display: flex;justify-content: center;align-items: center;}
.about-box .about-num .num-item{margin-right: 140px;}
.about-box .about-num .num-item:last-of-type{margin-right: 0;}  
.about-box .about-num .num-item .num-shu{font-size: 72px;color: #E51313;text-align: center;}
.about-box .about-num .num-item .num-cont{text-align: center;font-size: 14px;color: #666;line-height: 1.857;}

.product-box{width: 100%;position: relative;}
.product-box .product-back{width:100% ;}
.product-box .product-back img{width: 100%;display: none;}
.product-box ul{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product-box ul li{width: 20%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center; color: #fff;padding: 0 35px;border-right: 1px solid rgba(255, 255, 255, .3);} 
.product-box ul li .pic {display: flex;align-items: flex-end;justify-content: center;padding-bottom: 45px;}
/* .product-box ul li .pic img{width:42px;} */
.product-box ul li .line{ width: 41px; height: 4px;background-color: #0177CE;margin:0 auto 35px auto;display: none;}
.product-box ul li .title{ font-size: 24px;padding-bottom: 25px;}
.product-box ul li .content{font-size: 14px;line-height: 2;display: none;}
.product-box ul li .more{width: 133px; height: 41px;display: none; font-size: 16px;color: #fff;text-align: center;line-height: 41px;border:1px solid #fff;margin: 45px auto 0 auto;}
.product-box ul li.active{background-color: rgba(0, 0, 0, .3);border-right:none;}
.product-box ul li.active .line{display: block;} 
.product-box ul li.active .content{display: block;} 
.product-box ul li.active .more{display: block;} 
.product-box ul li.active .more:hover{background-color: #fff;color: #0177CE;}

.news-box{padding-top: 76px;padding-bottom: 70px;background: url(../images/news-box.png) no-repeat;}
.news-box .title{text-align: center;font-size: 42px;line-height: 64px; color: #333;margin-bottom:60px;background: url(../images/title-back2.png) no-repeat center center;}
.news-box .news-cont .news-left{width: 550px;}
.news-box .news-cont .title-line{font-size: 28px;color: #3B4048;padding-bottom: 30px;line-height: 1;}
.news-box .news-cont .pic-box{width: 100%;margin-bottom: 10px;}
.news-box .news-cont .pic-box img{width: 100%;}
.news-box .news-cont .tit{  font-size: 18px;color: #333;line-height: 1.556;margin-bottom: 10px;}

.news-box .news-cont .news-left .title-line{border-bottom: 1px solid #D7D7D8;position: relative;}
.news-box .news-cont .news-left .title-line a{position: absolute;right: 0;top: -2px;width: 30px;height: 30px;border-radius: 50%;border: 2px solid #636364;
    color: #636364;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.news-box .news-cont .news-left .title-line a:hover{background-color: #636364;color: #fff;}

.news-box .news-cont .cont{font-size: 14px;color: #999; line-height: 1.857;}
.news-box .news-cont .news-left .time-line{display: flex;align-items: center;justify-content: space-between;padding-top: 25px;color: #949495;font-weight: 700;}
.news-box .news-cont .news-left .time-line a{width: 96px; height: 29px; font-size: 14px;color: #0177CE;text-align: center;line-height: 29px;border:1px solid #0177CE; }
.news-box .news-cont .news-left .time-line a:hover{background-color: #0177CE;color: #fff;}
.news-box .news-cont .news-right{width: 600px;}
.news-box .news-cont .news-right .title-line{border-bottom: 1px solid #D7D7D8;position: relative;}  
.news-box .news-cont .news-right .title-line a{position: absolute;right: 0;top: -2px;width: 30px;height: 30px;border-radius: 50%;border: 2px solid #636364;
color: #636364;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.news-box .news-cont .news-right .title-line a:hover{background-color: #636364;color: #fff;}
.news-box .news-cont .news-right ul li{padding: 32px 0 42px 0;border-bottom: 1px dashed #D7D7D7;}
.news-box .news-cont .news-right ul li:hover .tit{color: #0177CE;} 

.cases-box{width: 100%; padding-top: 60px;height: 580px; background: url(../images/cases-box.png) no-repeat;color: #fff;position: relative;margin-bottom: 315px;}
.cases-box .title{text-align: center;font-size: 42px;line-height: 64px;margin-bottom:60px;background: url(../images/title-back3.png) no-repeat center center;}

.cases-box .wrap1{border-bottom: 1px solid  rgba(255, 255, 255, .3);}
.cases-box .wrap1 .swiper-container{width: 900px;margin: 0 auto;}
.cases-box .wrap1 .swiper-container .swiper-slide{position: relative;padding-bottom: 25px; text-align: center;cursor: default;}
.cases-box .wrap1 .swiper-container .swiper-slide.active::after,.cases-box .wrap1 .swiper-container .swiper-slide:hover::after{content: ""; position: absolute; bottom: 0;left: 50%;
    transform: translateX(-50%); width: 50px;border-bottom: 3px solid #EF9A01;}
.cases-box .wrap1 .swiper-container .swiper-slide .pic-box{  width: 68px; height: 68px; border-radius: 50%;border:1px solid #fff;display: flex;align-items: center;
     justify-content: center; margin: 0 auto;}
/* .cases-box .swiper-container .swiper-slide .pic-box img{width:24px;} */
.cases-box .wrap1 .swiper-container .swiper-slide .name{font-size: 16px;color: #fff;font-weight: bold;padding-top: 15px;}

.cases-box .wrap2{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%);width: 1200px;height: 460px;box-shadow: 0px 5px 54px 0px rgba(4, 4, 4, 0.06);}
.cases-box .wrap2 .swiper-container{width: 100%;height: 100%;}
.cases-box .wrap2 .swiper-slide{display: flex;background-color: #fff;}
.cases-box .wrap2 .swiper-slide .cont-box{padding: 50px 35px 0 40px;width: 600px;}
.cases-box .wrap2 .swiper-slide .cont-box .tit{font-size: 24px;color: #333;font-weight: bold;padding: 25px 0;}
.cases-box .wrap2 .swiper-slide .cont-box .cont{ font-size: 16px;color: #666;line-height: 2.25;}
.cases-box .wrap2 .swiper-slide .cont-box .more{width: 138px; height: 43px; font-size: 16px;color: #666;text-align: center;line-height: 43px;
    border:1px solid #999;margin: 40px auto 0 auto;}
.cases-box .wrap2 .swiper-slide .cont-box .more:hover{background-color: #999;color: #fff;}
.cases-box .wrap2 .swiper-slide .pic-box{width: 600px;height: 100%;overflow: hidden;}
.cases-box .wrap2 .swiper-slide .pic-box img{width: 100%;height: 100%;}
.cases-box .prev-btn,.cases-box .next-btn{position: absolute;width: 66px;height: 77px;top: 50%;transform: translateY(-50%);}
.cases-box .prev-btn {left: -86px;}
.cases-box .next-btn {right:-86px;}

.footer { background: #0177CE url(../images/footerBg2.png) right bottom no-repeat; overflow: hidden; position: relative; z-index: 0;}
.footerList { padding: 50px 0 65px; display: flex; align-items: flex-start; justify-content: space-between; }
.footerList h6 { font-size: 18px; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 30px; }
.footerList p, .footerList a { margin-top: 15px; font-size: 15px;color: rgba(255, 255, 255, 0.9); letter-spacing: 1px; -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footerList a{display: block;}
.footerLink { display: flex; align-items: flex-start; justify-content: flex-start; }
.footerLink a { margin-right: 20px; border-radius: 50%; }
.footer .copy{height: 40px;line-height: 40px;display: flex;align-items: center;justify-content: space-between; font-size: 12px;color: rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.302);}
.footer .copy a{color: rgba(255, 255, 255, 0.62);}

/* 关于我们 */
.crumbs{background-color: #fff;height: 55px;line-height: 55px;border-bottom: 1px solid #DCDDE2;}
.crumbs .w1200{display: flex;justify-content: space-between;align-items: center;}
.crumbs .crumbs-left .home{margin-right: 5px;}
.crumbs .crumbs-left span,.crumbs .crumbs-left a{font-size: 14px;color: #999;}
.crumbs .crumbs-left span{padding: 0 5px;}
.crumbs .crumbs-left a.active,.crumbs .crumbs-left a:hover{color: #0177CE;}
.crumbs .crumbs-right a{font-size: 16px;margin-left: 35px;color: #000;line-height: 54px;}
.crumbs .crumbs-right a.active,.crumbs .crumbs-right a:hover{color: #0177CE;font-weight: 700;border-bottom: 1px solid #0177CE;}

.about-top{background-color: #F4F4F4;width: 100%;padding-top: 55px;padding-bottom: 45px;}
.about-top .en-title{font-size: 36px;color: #333;opacity: 0.102;font-weight: bold; text-transform: uppercase;line-height: 1;}
.about-top .title{font-size: 28px;color: #333;padding-bottom: 40px;line-height: 1.5;}
.about-top .content{font-size: 16px;color: #666;line-height: 1.75;}

.about-content{padding:35px 0 60px;}
.about-content .part-tit{font-size:16px;color: #333;font-weight: 700;padding-bottom: 30px;}
.about-content .content-box{width: 100%;height: 325px;display: flex;background: #F4F4F4 url(../images/about-cont.png) right bottom no-repeat;}
.about-content .content-box .pic-box{width: 600%;height: 325px;}
.about-content .content-box .pic-box img{width: 100%;height: 100%;} 
.about-content .content-box .cont-box{width: 600%;height: 325px;padding-left: 35px;padding-top: 60px;}
.about-content .content-box .cont-box .tit{ font-size: 24px;color: #333;padding-bottom: 20px;}
.about-content .content-box .cont-box .line{width: 30px; height: 3px;background-color: #0177CE;margin-bottom:45px;}
.about-content .content-box .cont-box .cont{ font-size: 16px;color: #666;}

/* 主营业务 */
.details-box{padding: 45px 0 60px 0;}
.details-box .details-tit{font-size: 28px;color: #000;font-weight: bold;position: relative;}
.details-box .details-tit::after{content:""; position: absolute;width: 25px; height: 4px;background-color: #0177CE;left: 0;bottom: -23px;}
.details-box .content{padding-top: 40px}


/* 新闻列表 */
.news-list{padding-top: 33px;}
.news-list .news-top{width: 100%; background-color: #F7F7F7;border-bottom: 1px solid #E8E8E8; }
.news-list .news-top .news-list-img{ float: left;overflow: hidden;width: 480px;height: 305px; }
.news-list .news-top .news-list-img a{width: 100%; height: 100%;}
.news-list-img img{ width: 100%; height: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;
     -ms-transition: all .3s; transition: all .3s; display: block; }
.news-list .news-top .news-list-text{float: left;padding-left: 25px;padding-right:30px; width: calc(100% - 600px)}
.news-list .news-top .news-list-text h2{ margin: 45px 0 30px 0; }
.news-list .news-top .news-list-text h2 a{ font-size: 24px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 26px; }
.news-list .news-top .news-list-text h2 a:hover{ color: #0177CE; }
.news-list .news-top .news-list-text div{ font-size: 14px; color: #808080; line-height:  1.857; }
.news-list .news-top .news-list-text .time{padding-bottom: 30px;}
.news-list-text .btn-more{display: block; height: 32px; line-height: 32px; width: 32px; font-size: 32px; color: #B5B5B5;margin-top:30px; transition: .3s; }
.news-list .news-top:hover .btn-more{ background-color: #0177CE; color: #fff; padding: 0px 32px; }
.news-list .news-top:hover .news-list-img img{ transform: scale(1.05); }
.news-list .news-top:hover .news-list-text h2 a{color: #0177CE;}
.news-list li{width: 100%;padding: 33px 0;border:1px solid #E8E8E8;border-top: none; display: flex; transition: .3s;}
.news-list li .time{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;width: 250px;height: 80px;border-right: 1px solid #E8E8E8;text-align: center;color: #ADACAC; transition: .3s;font-weight: 300;}
.news-list li .time .day{font-size: 46px;}
.news-list li .time .year{font-size: 24px;}  
.news-list li .cont-box{flex: 1;padding-left:50px ;padding-right:30px ;}
.news-list li .cont-box .tit{ font-size: 18px;color: #4C4C4C;  line-height: 1.778;padding-bottom: 5px; transition: .3s;}
.news-list li .cont-box .cont{ font-size: 14px;color: #808080; line-height: 1.857; transition: .3s;}
.news-list li .cont-box .btn-more{display: block; line-height: 32px; font-size: 32px; color: #B5B5B5; transition: .3s;}
.news-list li:hover{background-color: #0177CE;}
.news-list li:hover .time{color: #fff;}
.news-list li:hover .cont-box .tit{color: #fff;}
.news-list li:hover .cont-box .cont{color: #fff;}
.news-list li:hover .cont-box .btn-more{color: #fff;}
.page-box{padding: 80px 0;text-align: center;}
.page-box a,.page-box p{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #999;border: 1px solid #EAEAEA;margin-right: 5px;vertical-align: middle;}
.page-box a.prevnext {width: 75px;}
.page-box a.prevnext i{font-size: 24px;}
.page-box a.active,.page-box a:hover{background-color:#0177CE;border: 1px solid #0177CE ;color: #fff;}

/* 新闻详情 */
.news-details{width: 100%;display: flex;}
.details-left{width: 800px;}
.details-left .newsDet{color: #737078;/*padding-bottom:50px;*/}
.details-left .newsDet .newsHead{ padding-bottom: 32px;overflow: hidden;font-size: 14px;color: #737078;line-height: 32px;}  
.details-left .newsDet .newsHead h2{margin-bottom:20px; color: #333;font-size: 18px;line-height: 1.4;font-weight: bold;}
.details-left .newsDet .newsHead .date{font-size: 22px;color: #999;font-family: 'Rubik-Regular';}
.details-left .newsDet .newsHead .readNum{padding-left: 35px;padding-right:25px;}
.details-left .newsDet .newsHead .bshare-custom{font-weight: 700;}
.details-left .newsDet .newsHead .bshare-custom a{padding: 0; width: 32px;height: 32px;margin-right:5px;}
.details-left .newsDet .newsHead .bshare-custom .bshare-weixin{background: url(../images/weixin.png);    background-size: cover;}
.details-left .newsDet .newsHead .bshare-custom .bshare-sinaminiblog{background: url(../images/weibo.png);    background-size: cover;}
.details-left .newsDet .newsHead .bshare-custom .bshare-qzone{background: url(../images/qq-zone.png);    background-size: cover;}
.details-left .newsDet .newsHead .bshare-custom .bshare-qqim{background: url(../images/qq.png);    background-size: cover;}
.details-left .newsDet p{margin-bottom: 10px;font-size: 14px;color: #666;line-height: 1.714;}
.turn-page{padding-top:40px;display: flex;justify-content: space-between;align-items: center;border-top:1px solid #F1F1F1;}
.turn-page .turn a{display: block;padding-bottom: 20px;  font-size: 14px;color: #666;}
.turn-page .turn a:last-of-type{padding-bottom: 0;}
.turn-page .turn a span{color: #333;}
.turn-page .turn a span:hover{color: #0177CE;}
.turn-page .back{display: block; width: 112px; height: 40px;line-height: 40px; background-color: #0177CE;color: #fff;text-align: center;}
.details-right{padding-left: 25px;width: 400px;box-sizing: border-box;}
.details-right img{width: 100%;height: 238px}
.details-right .right-cont{width: 100%;background-color: #F1F1F1;padding: 0 20px;box-sizing: border-box;}
.details-right .right-cont .right-news{padding: 25px 0 35px 0;border-bottom: 1px solid #CCCCCC;position: relative;}
.details-right .right-cont .right-news h2{color: #333; font-size: 16px; line-height: 1.625; font-weight: bold;padding-bottom: 25px;}  
.details-right .right-cont .right-news .date{font-size: 22px;color: #999;font-family: 'Rubik-Regular';padding-bottom: 18px;}
.details-right .right-cont .right-news .cont{font-size: 14px;color: #999; line-height: 1.714;}  
.details-right .right-cont .right-news a{font-size: 14px;color: #0177CE;padding-top: 20px;}  
.details-right .right-cont .right-news::after { content: ""; position: absolute; width:50px; height:2px; background-color: #0177CE; left: 0; bottom: -1px; }
.txt_Toplists { padding-top:20px ;padding-bottom: 35px;}
.txt_Toplists li { height: 30px; line-height: 30px;color: #999999;display: flex; align-items: center; }
.txt_Toplists li em { width: 14px; height: 14px;display: inline-block; color: #fff; margin: 0 8px 0 0; font: 12px/14px "Arial"; text-align: center;
	background-color: #C5C5C5;border-radius: 2px;padding-right: 1px;padding-top: 1px; }
.txt_Toplists li a { color: #999999; font-size: 14px;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;flex: 1; }  
.txt_Toplists li:first-of-type em{background-color: #CA493E;}
.txt_Toplists li:nth-of-type(2) em{background-color: #CA493E;}
.txt_Toplists li:nth-of-type(3) em{background-color: #CA493E;}
.txt_Toplists li:hover a{color: #CA493E;}
.bsBox{box-sizing: content-box;}

/* 工程案例 */
.cases-list ul li{width: 380px;margin-right: 30px;margin-bottom: 40px;}
.cases-list ul li a{display:block;width:100%;}
.cases-list ul li:nth-of-type(3n){margin-right: 0;}
.cases-list ul li .pic-box{width: 100%;height: 290px;overflow: hidden;}
.cases-list ul li .pic-box img{width: 100%;height: 100%;transition: all .3s;}
.cases-list ul li .name{text-align: center;font-size: 16px;color: #333;padding-top: 15px;}
.cases-list ul li:hover .pic-box img{transform: scale(1.1);}

/* 联系我们 */
.contact-box .left{width: 635px;padding-right: 34px;border-right: 1px dashed #DEDEDE;}
.contact-box .title{font-size: 24px;color: #0177CE;font-weight: bold;padding-bottom: 25px;}
.contact-box .sub-title{ font-size: 14px;color: #333;font-weight: bold; line-height: 1.714;padding-bottom: 30px;}
.contact-box .left h2{font-size: 20px;color: #333;font-weight: bold;margin-top: 15px;margin-bottom: 20px;}
.contact-box .left .content{padding-bottom: 15px;padding-top:0;}
.contact-box .left .content .cont-box{font-size: 14px;color: #666;line-height: 1.714;}
.contact-box .left .content .code .pic-box{width: 180px;height: 180px;padding: 20px;border:1px solid #DEDEDE;}
.contact-box .left .content .code .pic-box img{width: 100%;height: 100%;}
.contact-box .left .content .code .name{text-align: center;font-size: 14px;color: #333;font-weight: 700;line-height: 1.6;}
.contact-box .right{width: 565px;padding-left: 30px;}
.input-line{margin-bottom: 15px;}
.input-line span{display: block;line-height: 2;font-size: 14px;color: #666;font-weight: 700;}
.input-line input{width: 420px;height: 42px;border: 1px solid #CACACA;}
.input-line textarea{width: 100%;height: 152px;border: 1px solid #CACACA;}
.code-line{display: flex;align-items: center;margin-bottom: 15px;}
.code-line span{font-size: 14px;color: #666;font-weight: 700;}
.code-line input{width: 152px;height: 42px;border: 1px solid #CACACA;margin-right: 10px;}
.code-line img{width: 100px;height: 42px;}
.contact-box .right .btn{ width: 127px; height: 40px;text-align: center;line-height: 40px;background-color: #0177CE;font-size: 16px;color: #fff;}

/* 人才招聘 */
/* .join-us{padding-top: 35px;background-color: #F2F2F2;padding-bottom: 75px;} */
/* .join-us .post-box{background-color: #fff;padding: 20px 40px;padding-bottom: 100px;box-sizing: border-box;} */
.join-us .post-box .post-item{width: 100%;border-bottom: 1px dashed #DBDBDB;}
.join-us .post-box .post-item .post-cont{padding: 20px 0;display: flex;justify-content: space-between;align-items: flex-end;}
.join-us .post-box .post-item .post-cont .post-tit{font-size: 24px;color: #333;padding-bottom: 15px;}
.join-us .post-box .post-item .post-cont .post-req span{padding-right: 10px;font-size: 16px;}
.join-us .post-box .post-item .post-cont .post-req span img{width: 25px;}
.join-us .post-box .post-item .post-cont .click-btn{width: 30px;font-size: 12px;color: #fff;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;background-color: #A9A9A9;}
.join-us .post-box .post-item .post-cont .click-btn.active{background-color: #0177CE;}
.join-us .post-box .post-item .post-summary{width: 100%;background-color: #F2F2F2;padding: 20px 20px 30px 20px;box-sizing: border-box;font-size: 14px;color: #666;display: none;}
.join-us .post-box .post-item .post-summary .summary-tit{font-weight: 700;padding-bottom: 30px;}
.join-us .post-box .post-item .post-summary .summary-cont{padding-bottom: 20px;}
.join-us .post-box .post-item .post-summary .summary-cont p{padding-bottom: 5px;}
.join-us .post-box .post-item .post-summary  .post-apply{   width: 129px; height: 41px;text-align: center;line-height: 41px;border-radius: 20px;border:1px solid #0177CE ;
    color: #0177CE;  font-size: 16px;cursor: default;}

/* 申请 弹出框  */
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog1{ width:800px; height:600px; margin: 0 auto; display: block; background-color: #ffffff; position: fixed; top:190px; left: 50%;transform: translateX(-50%);
  z-index: 10000; border: 1px solid #ccc; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); display: none;}
#dialog1 .dialogTop{width:100%;font-size:16px;color: #333;height: 50px;line-height: 50px;border-bottom: 1px solid #EEEEEE;display: flex;justify-content:space-between;
    align-items: center;padding: 0 30px;box-sizing: border-box;background-color: #F8F8F8;}
#dialog1 .dialogTop  .close{width:16px;}
#dialog1 .editInfos{padding-top:70px;padding-left: 75px;}
#dialog1 .editInfos li{font-size: 14px;display: flex;align-items: center;margin-bottom: 20px;}
#dialog1 .editInfos li .title{width:70px;text-align:right;margin-right:20px;}
#dialog1 .editInfos li .ipt{width:230px;padding-left:10px;border-radius: 1px;-webkit-border-radius:1px;height: 40px;line-height: 40px;border:1px solid #E6E6E6;box-sizing: border-box;}
/* #dialog1 .editInfos li .ipt:focus{outline:none;border-color:#1465C0;}   */
#dialog1 .editInfos li textarea{width:230px;border:1px solid #E6E6E6;border-radius: 1px;-webkit-border-radius:1px;height: 100px;padding-left:10px;padding-top: 10px;
  box-sizing: border-box; font-family: Arial, "微软雅黑";}
#dialog1 .editInfos li .submitBtn{  width: 121px; height: 39px;line-height:39px;cursor:pointer;display:inline-block;border-radius:3px;-webkit-border-radius:3px;
   text-align:center;background-color:#0177CE;color:#fff;font-size: 16px;font-size: 18px;line-height: 1.714;}