/* CSS Document */
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body { background-image: url("../images/page_bg.png"); background-position: center top; background-repeat: no-repeat; background-color:#ffffff; color:#343434; font-size: 14px; font-family: "Microsoft YaHei",arial,courier new,courier,"\5b8b\4f53",monospace,SimSun,sans-serif;}
a { color:#565656; text-decoration:none;}
a:hover{ color:#1959ba;}
a img {border:none;}
li {list-style:none;}
.clear {clear:both; width: 100%;}
.container{width: 1200px; margin: 0 auto;}
.top{ height: 60px; line-height: 60px; border-bottom: 1px solid #dcdcdc;}
.top .left{ float: left;}
.top .right{ float: right;}

.head{ height: 120px;}
.head .logo{ width: 384px; height: 62px; margin: 29px 0; float: left;}
.head .tel{ width: 484px; height: 59px; margin: 31px 0 30px; float: right; position:relative;}
.head .phone_email{ position:absolute; right: 10px; bottom: -25px; line-height: 20px; font-size: 18px; color: #0072bb; text-align: right;}
.head .phone_email span{ padding-right: 20px;}

.navigation{ background-image: url("../images/navigation_b.png"); background-repeat: repeat-x; height: 60px;}
.navigation>ul>li{display: block; width: 14.28%; height: 60px; float: left;}
.navigation>ul>li>a{display: block; line-height: 60px; text-align: center; color: #ffffff; font-size: 18px;}
.navigation>ul>li.current, .navigation>ul>li>a:hover{ background-image: url("../images/navigation_c.png");}

.banner{ height: 620px;}

.model-name{ text-align: center; padding: 40px 0;}
.model-name>h1{ font-size: 36px; padding-bottom: 5px; text-transform: uppercase;}
.model-name>h2{ font-size: 32px; font-weight: 500; padding-bottom: 5px; text-transform: uppercase;}
.model-name>h3{ font-size: 28px; padding-bottom: 15px; text-transform: uppercase;}
.model-name>p{position: relative; padding-top: 5px; text-transform: uppercase;}
.model-name>p:before{content: ''; display: block; width: 40px; height: 2px; background-color: #a0a0a0; position: absolute; top:-1px; left: 50%; margin-left: -20px;}
.model-name .metas{ text-align: center;}
.model-name .meta{ margin-right: 15px;}

.model-more{padding: 40px 0;}
.model-more>a{ display: block; width: 210px; height: 54px; line-height: 54px; text-align: center; margin: 0 auto; background-color: #0064af; color: #fff; font-size: 18px;}
.model-more>a img{vertical-align: middle; margin-left: 8px;}
.product{ height: 290px;}

.product-item{ width: 380px; height: 290px; position: relative; overflow: hidden;}
.product-item img{ display: block; width: 380px; height: 290px; object-fit: cover; transition: all 0.6s;}
.product-item .link{ background-color: rgba(0,0,0,0.6); display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.product-item .link a{ display: block; width: 138px; height: 46px; margin: 120px auto; border: 2px solid #ffffff; text-align: center; line-height: 46px; color: #fff; font-size: 18px;}
.product-item:hover .link{ display: block;}
.product-item:hover img{ transform: scale(1.1);}

.cases{ height: 561px; margin-bottom: 40px;}
.cases img{ display: block; transition: all 0.6s;}
.cases .link:hover img{ transform: scale(1.1);}
.case-item-1,.case-item-2,.case-item-3,.case-item-4,.case-item-5{ float: left;}
.case-item-1,.case-item-2,.case-item-4{ margin-right: 10px;}
.case-item-2,.case-item-3{ margin-bottom: 10px;}
.case-item-1{ width: 455px; height: 561px; overflow: hidden;}
.case-item-2{ width: 409px; height: 263px; overflow: hidden;}
.case-item-3{ width: 315px; height: 263px; overflow: hidden;}
.case-item-4{ width: 360px; height: 288px; overflow: hidden; margin-right: 13px;}
.case-item-5{ width: 360px; height: 288px; overflow: hidden;}


.about{background: url("../images/about_us.jpg") center top no-repeat; height: 753px;}
.about-box{ position: relative;}
.about-img{ position: absolute; left: 70px; top: 172px; width: 562px; height: 456px; overflow: hidden;}
.about-img img{ width: 562px; height: 456px; object-fit: cover;}
.about-txt{ position: absolute; right: 20px; top: 180px; width: 510px; height: 360px; overflow: hidden; line-height: 30px; color: #ffffff;}
a.about-more{ position: absolute; right: 365px; top: 578px;display: block; width: 164px; height: 48px; line-height: 48px; text-align: center; margin: 0 auto; border: 1px solid #ffffff; color: #fff; font-size: 18px;}
a.about-more img{vertical-align: middle; margin-left: 8px;}

.honor{ background: url("../images/honor_bg.jpg") center top no-repeat; height: 672px;}
.honor-list{ height: 385px;}
.honor-item{ width: 290px; height: 385px; position: relative; overflow: hidden;}
.honor-item img{ width: 290px; height:385px; transition: all 0.6s; }
.honor-item .link{ width: 290px; height: 385px; position: absolute; left: 0; top: 0; background-color: rgba(25,89,186,0.8); display: none;}
.honor-item .link a{ display: block; width: 290px; height: 385px; background: url("../images/zoom.png");}
.honor-item:hover .link{ display: block; cursor: pointer;}
.honor-item:hover img{ transform: scale(1.1);}
.honor-more{ padding-top: 50px; padding-bottom: 35px; height: 46px; line-height: 46px;}
.honor-swiper-pagination{ float: left; font-size: 28px; font-weight: 500; color: #c9c9c9; width: auto!important;}
.honor-swiper-pagination .swiper-pagination-current{ color: #1959b9;}
.honor-button-box{ width: 168px; height: 46px; margin: 0 auto;}
.honor-button-box .honor-swiper-button-prev, .honor-button-box .honor-swiper-button-next{ position: relative; outline: none; cursor: pointer;}
.honor-button-box .honor-swiper-button-prev{ float: left; width: 82px; height: 44px; border: 1px solid #1959b9;}
.honor-button-box .honor-swiper-button-next{ float: left; width: 84px; height: 46px; background-color: #1959b9;}
.honor-button-box .honor-swiper-button-prev:after{content: '';display: block;width: 16px;height: 16px;border-left: 2px solid #1959b9;border-bottom: 2px solid #1959b9;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -6px;}
.honor-button-box .honor-swiper-button-next:after{content: '';display: block;width: 16px;height: 16px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -12px;}
.honor-more-link{ float: right; font-size: 16px; border-bottom: 1px solid #666; color: #000; height: 36px;}
.honor-more-link a{ color: #000;}

.news{ height: 740px; background: url("../images/news_bg.png") center top no-repeat;}
.news-list{ width: 1230px;}
.news-item{ float: left; width: 380px; height: 530px; margin-right: 30px; box-shadow: rgba(0,0,0,.1) 0 0 5px; background-color: #ffffff;}
.news-item .thumb{ width: 380px; height:260px; overflow:hidden; margin-bottom: 10px;}
.news-item .thumb img{ width: 380px; height:260px; object-fit:cover; transition: all 0.6s;}
.news-item .date{ line-height: 40px; text-align: center; color: #1959ba; font-size: 16px; margin-bottom: 10px;}
.news-item .date:after{ content: ''; display: block; width: 30px; height: 1px; background-color: #dcdcdc; margin: 0 auto;}
.news-item .name{ margin: 0 30px 10px; height: 30px; line-height: 30px; font-size: 16px; overflow:hidden;}
.news-item .desc{ margin: 0 30px 10px; height: 48px; line-height: 24px; color: #999; overflow:hidden;
    text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news-item .more{ text-align: center; margin: 40px auto 0;}
.news-item .more a{display: inline-block; padding: 0 10px; border:1px solid #1959ba; box-sizing: border-box; height: 40px; line-height: 40px;  font-size: 16px; color: #1959ba;}
.news-item .more a img{ margin-left: 5px;}
.news-item:hover{ background-color: #1959ba; box-shadow: rgba(0,0,0,.5) 0 0 9px;}
.news-item:hover .thumb img{ transform: scale(1.1);}
.news-item:hover .date,.news-item:hover .name a,.news-item:hover .desc{ color: #fff;}
.news-item:hover .more a{ background-color: #fff; border-color: #fff;}

.technical{ border-top: 2px solid #1959ba; border-bottom: 2px solid #1959ba; height: 120px; background: url("../images/technical_bg.png") center top repeat-y;}
.technical-name{ width: 285px; height: 120px; background: url("../images/technical.png"); float: left;}
.technical-list{ margin-left: 310px; height: 120px; overflow: hidden;}
.technical-item{ float: left; width: 16.6%; height: 120px; text-align: center;}
.technical-item .link{ display: block; height: 76px; margin: 22px auto;}
.technical-item .icon{ width: 56px; height: 56px;}
.technical-item .name{ height: 20px; line-height: 20px; margin: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; word-break: break-all;}

/* 底部样式 */
.foot{padding-top: 60px; background-color: #0072bb; color: #ffffff;}
.foot-info{ height: 140px;}
.foot-logo{ float: left; margin-right: 70px; width: 97px; height: 105px; background: url("../images/logo_foot.png"); position: relative;}
.foot-logo:after{ content: ''; display: block; width: 1px; height: 46px; background-color: #959595; position: absolute; left:135px; top: 50%; margin-top: -23px; }
.foot-tels{ float: left; width: 350px;}
.foot-tels .note{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.foot-tels .item{ line-height: 24px;}
.foot-kefu{ float: left; padding-top: 20px;}
.foot-kefu .kefu-icon{ float: left;}
.foot-kefu .kefu-icon .icon{ float: left; height: 50px;}
.foot-kefu .kefu-icon .name{ height: 50px; line-height: 25px; font-weight: 300; margin-left: 60px;}
.foot-kefu .kefu-tel{margin-left: 160px; font-size: 48px; height: 50px; line-height: 50px;}
.foot-kefu .icon{ width: 50px; height: 50px;}
.foot-code{ float: right; margin-top: -20px;}
.foot-code .code{ display: block; width: 120px; height: 120px; overflow: hidden; object-fit: cover;}
.foot-code .note{ line-height: 30px; text-align: center;}
.foot-menu{ clear: both; height: 50px; line-height: 50px; display: flex;}
.foot-menu li{ display: block; flex: 1; text-align: center;}
.foot-menu li a{ display: block; color: #fff; font-size: 16px;}
.copyright{ border-top: 1px solid #1959ba; height: 70px; background-color: #0072bb; color: #ffffff;}
.copyright .name{ float: left; line-height: 70px;}
.copyright .info{ float: right; line-height: 70px;}

/* 位置导航 */
.position-view{ background-color: #f8f8f8; height: 108px; font-size: 18px; font-weight: 500;}
.position{ line-height: 24px; height: 24px; padding: 42px 0;}
.position-home{ padding-left: 24px; background: url("../images/postion.png") left center no-repeat;}
.position-span{ padding: 0 5px;}

/* 企业简介*/
.simple-about{ width: 1160px; min-height: 400px; border: 5px solid #e5f1f8; margin-left: 30px; margin-top: 30px; margin-bottom: 60px;}
.simple-about .thumb{ float: left; margin-top: -30px; margin-left: -35px; width: 665px; height: 400px; overflow: hidden;}
.simple-about .thumb img{ width: 665px; height: 400px; object-fit: cover;}
.simple-about .detail{ margin-left: 680px; width: 440px; line-height: 24px; margin-top: 30px; min-height: 360px; overflow: hidden;}
/* 企业文化 */
.about-wenhua{ background: url("../images/about_wh.jpg") center top no-repeat; height:510px;}
.about-wenhua .model-name{ line-height: 100px; height: 100px;}
.culture-about{ width: 1163px; height: 220px; padding: 40px 2px 10px 5px; margin: 0 auto; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.culture-item{ float: left; width: 290px; height: 220px; overflow: hidden; border-left: 1px solid #e1e1e1; border-image: linear-gradient(transparent, #e1e1e1, transparent) 9 9; text-align: center;}
.culture-item:first-child{ border-left: 0;}
.culture-item .icon{ height: 70px;}
.culture-item .title{ height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color:#242424;}
.culture-item .content{ color: #616161; line-height: 24px;}

/* 列表分类 */
.list-category{ float: left; width: 310px; margin-bottom: 50px;}
.list-category li{ display: block; margin: 15px;}
.list-category li a{ display: block; background-color: #eee; border-radius: 30px; font-size: 18px; padding: 15px 20px; overflow: hidden;}
.list-category li a:hover, .list-category li a.current{ background-color: #0072bb; color: #fff;}

.list-category[model="product"]{ background-color: #eee;}
.list-category[model="product"] li{ display: block; margin: 0;}
.list-category[model="product"] a{ font-size: 14px; border-radius: 0;}
/* 产品列表 */
.list-product{margin-left: 310px; width: 920px;}
.list-product:after{ content: ''; display: block; clear: both;}
.list-product-item{ float: left; width: 270px; height: 330px; margin-right: 45px; margin-bottom: 45px;}
.list-product-item:nth-child(3n){ margin-right: 0;}
.list-product-item a{ display: block; width: 266px; height: 326px; border:2px solid #ffffff;}
.list-product-item .thumb{ width: 245px; height: 245px; overflow: hidden; margin: 10px auto 20px;}
.list-product-item .thumb img{ width: 100%; height: 100%; object-fit: cover;}
.list-product-item .title{ text-align: center; line-height: 20px; max-height: 40px; overflow: hidden;}
.list-product-item a:hover{ border: 2px solid #0072bb;}
.list-product-item a:hover .title{ color: #0072bb;}

/* 分页样式 */
.pagination{ text-align: center; margin-bottom: 50px;}
.pagination li{ display: inline-block; margin: 0 5px; border:1px solid #e3e3e3; border-radius: 3px; color: #999999;}
.pagination li a, .pagination li span{ display: block; padding: 10px; min-width: 20px;}
.pagination li a{ color: #999999;}
.pagination li.active{ background-color: #0072bb; border-color: #0072bb; color: #ffffff;}
.pagination li.disabled{ background-color: #eeeeee;}

/* 产品详情 */
.product-parameter .thumb{ float: left; width: 450px; height: 450px; overflow: hidden; margin-right: 20px;}
.product-parameter .thumb img{ width: 450px; height: 450px; object-fit: contain;}
.product-parameter .parameter{ float: left;}
.product-parameter .parameter .parameter-name{ font-size: 24px; color: #0072bb; font-weight: bold; height: 50px; line-height: 50px; margin-bottom: 10px;}
.parameter-list{ border:2px solid #0072bb; width: 620px; font-size: 16px;}
.parameter-list .parameter-item{ border-top: 1px solid #ffffff; height: 30px; line-height: 30px; background-color: #eff7fc;}
.parameter-list .parameter-item:first-child{ border-top: 0;}
.parameter-list .parameter-item_name{ float: left; padding: 0 15px; width: 150px; background-color: #0072bb; color: #ffffff;}
.parameter-list .parameter-item_text{ float: left; padding: 0 25px;}
.product-content{ padding: 50px 0;}

/* 经典案例 */
.list-cases{ margin-bottom: 0px;}
.list-cases:after{ content: ''; display: block; clear: both;}
.list-cases-item{ float: left; width: 370px; height: 320px; margin-right: 45px; margin-bottom: 45px; position: relative;}
.list-cases-item:nth-child(3n){ margin-right: 0;}
.list-cases-item a{ display: block; width: 370px; height: 320px;}
.list-cases-item .thumb{ width: 370px; height: 290px; overflow: hidden;}
.list-cases-item .thumb img{ width: 100%; height: 100%; object-fit: cover;
    /* -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); */
}
.list-cases-item .title{ width: 370px; height: 30px; text-align: center; line-height: 30px; overflow: hidden; color: #333; font-size: 20px; /*background-color: rgba(0,0,0,0.6); position: absolute; left: 0; top:0;*/}
/*.list-cases-item a:hover img{ filter:none;}
.list-cases-item a:hover .title{ display: none;}*/
.info-cases{}
.info-cases .thumb{ float: left; width: 475px; height: 370px; overflow: hidden; border:5px solid #0072bb; margin-right: 60px; margin-bottom: 60px;}
.info-cases .thumb img{ width: 475px; height: 370px; object-fit: cover;}
.info-cases .content{ margin-bottom: 50px;}

/* 最新动态 */
/*.list-news{margin-left: 280px; width: 920px;}*/
.list-news:after{ content: ''; display: block; clear: both;}
.list-news-item{ float: left; width: 50%; height: 134px; overflow: hidden; box-sizing: border-box; padding: 15px; margin-bottom: 50px;}
.list-news-item:hover{ background-color: #f0f0f0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.list-news-item .seat{ float: left; width: 104px; height: 104px; overflow: hidden;}
.list-news-item .thumb img{width: 104px; height: 104px; object-fit: cover;}
.list-news-item .date{ text-align: center; background-color: #0072bb;}
.list-news-item .date .date-day{ font-size: 36px; color:#ffffff; margin-top: 15px;}
.list-news-item .date .date-year{ color:#ffffff;}
.list-news-item .info{ margin-left: 120px; height: 104px;}
.list-news-item .info .title{ font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden;}
.list-news-item .info .detail{ height: 36px; line-height: 18px; overflow: hidden;}
.list-news-item .info .more{ text-align: right;}
.list-news-item .info .more a{ color: #0072bb;}

.info-content{ margin-bottom: 50px;}
.info-content img{ max-width: 100%;}

/* 技术支持 */
.list-tech{ margin-bottom: 50px;}
.list-tech:after{ content: ''; display: block; clear: both;}
.list-tech-item{ overflow: hidden; box-sizing: border-box; padding: 15px; border-top: 1px dashed #C9C5C5;}
.list-tech-item:first-child{ border-top: none;}
.list-tech-item .seat{ float: left; width: 104px; height: 104px; overflow: hidden;}
.list-tech-item .thumb img{width: 104px; height: 104px; object-fit: cover;}
.list-tech-item .date{ text-align: center; background-color: #0072bb;}
.list-tech-item .date .date-day{ font-size: 36px; color:#ffffff; margin-top: 15px;}
.list-tech-item .date .date-year{ color:#ffffff;}
.list-tech-item .title{ font-size: 18px; font-weight: bold; height: 30px; overflow: hidden;}
.list-tech-item .info{ color: #999;}
.list-tech-item .info span{ padding-right: 30px; }
.list-tech-item .detail{ height: 36px; line-height: 18px; overflow: hidden; color: #666;}

/* 荣誉资质 */
.list-honor:after{ content: ''; display: block; clear: both;}
.list-honor-item{ float: left; width: 350px; height: 400px; padding: 10px; margin-right: 45px; margin-bottom: 45px; position: relative;}
.list-honor-item:nth-child(3n){ margin-right: 0;}
.list-honor-item .thumb{ width: 350px; height: 370px; overflow: hidden;}
.list-honor-item .thumb img{width: 350px; height: 370px; object-fit: cover;
/* -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); */}
.list-honor-item .title{ text-align: center; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.list-honor-item:hover{ padding: 8px; border: 2px solid #0072bb;}
/* .list-honor-item:hover img{ filter:none;} */