@charset "UTF-8";
#wpthemedemobar{display: none;}
#crumbs{display: inline-block;}
.hot_search,.hot_search .custom-html-widget{display:inline}
ul,p{padding: 0; margin: 0;}
li{list-style:none;}
a{text-decoration: none;}
em{font-style: normal;}
.pc-fl{float: left;}
.pc-fr{float: right;}
.clear:after{content: ''; display: block; clear: both;}
.main-container{width:1200px; margin: 0 auto;}
.full-main{width: 100%; min-width: 1200px;}
.head-box{position: relative; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, .1); min-width: 1200px;}
.top-row{height: 38px; line-height: 38px; background: #055aae;}
.top-row .top-left{float: left;}
.top-row .top-left p{font-size: 12px; color: #88b7e5;}
.top-row .top-right{ float: right; margin-top: 5px;}
.top-row .top-right .zw{ float:left; width:75px; text-align:center; line-height:28px; background:#4081c2; border-radius:15px 0 0 15px; cursor:pointer;}
.top-row .top-right .yw{ float:left; width:75px; text-align:center; line-height:28px; background:#4081c2; border-radius:0 15px 15px 0; cursor:pointer;}
.top-row .top-right a{ color:#fff; font-size: 16px;}
.top-row .top-right .active{ background: #fff; width: 75px; border-radius: 15px; color: #4081c2;  display: inline-block;}
.logo-row{padding-top: 30px; padding-bottom: 25px; overflow: visible;}
.logo-row .logo-wrap{float: left;}
.logo-row .slogan-wrap{float: left; padding-left: 25px; border-left: 1px solid #ddd; margin-left: 25px; margin-top: 4px; padding-top: 5px; padding-bottom: 5px;}
.logo-row .search-wrap{float: left; width: 380px; height: 44px; margin-top: 8px; box-sizing: border-box; overflow: hidden; position: relative; background: none; margin-left: 200px;}
.logo-row .search-wrap .input{height: 44px; border: none; outline: none; padding-left: 20px; width: 100%; display: block; box-sizing: border-box; border: 2px solid #333570; border-radius: 22px; color: #999999;}
.logo-row .search-wrap .button{height: 44px; background: #333570; border: none; width: 20%; display: block; color: #ffffff; outline: none; border-radius: 22px; position: absolute; right: 0; top: 0;}
.logo-row .phone-wrap{float: right; padding-left: 60px; position: relative; margin-top: 7px; padding-top: 5px;}
.logo-row .phone-wrap:before{content: ""; display: block; background: url(../image/phone-icon.png); background-size: 100%; width: 52px; height: 52px; position: absolute; left: 0; top: 0;}
.logo-row .phone-wrap span{font-size: 14px; color: #333; line-height: 1;}
.logo-row .phone-wrap p{font-size: 28px; color: #dc323a; line-height: 1; font-family: 'DIN' !important; letter-spacing: -1px; font-weight: 500;}
.wap-menu{float: right; background: none; border: 1px solid #333; padding: 5px 8px; display: none;}
.wap-menu span{display: block; width: 20px; height: 2px; background: #333333; margin: 4px 0;}
.nav-row{border-top: 1px solid #ddd; height: 56px;}
.head-fix .nav-row{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); z-index: 100;}
.nav-row li{float: left; position: relative;}
.nav-row li.current_page_item > a,.nav-row li.current-menu-item > a{background: #055aae; color: #ffffff;}
.nav-row li > a{font-size: 16px; font-weight: bold; line-height: 56px; padding:0 43px; display: block; color: #333333;}
.nav-row li:after{content: ''; width: 1px; height: 16px; display: block; position: absolute; background: #dddddd; right: 0; top: 50%; transform: translateY(-50%);}
.nav-row li.current_page_item:after,.nav-row li.current-menu-item:after{display: none;}
.nav-row li:last-child:after{display: none;}
.nav-row li ul{position: absolute; display: none; top: 56px; width: 100%; background: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.nav-row li ul li a{line-height: 40px; color: #666666; font-size: 15px;}
.nav-row li ul li a:hover{color: #055aae;font-weight: bold;background: none}
.nav-row li:hover ul{display: block;}
.nav-row li:hover > a{background: #055aae; color: #ffffff;}
.nav-row li:hover:after{display: none;}
.nav-row .sjdh{ display: none;}
.banner-box{text-align: center;}
.banner-box .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.banner-box .swiper-button-prev{color: #ffffff;}
.banner-box .swiper-button-next{color: #ffffff;}
.banner-box .swiper-pagination-bullet{width: 100px; height: 5px; display: inline-block; border-radius: 0; background: #fff; opacity: .2;}
.banner-box .swiper-pagination-bullet-active{opacity: 1; background: #055aae;}
.search-wrap{line-height: 46px; padding: 20px 0; overflow: hidden;}
.search-wrap .hot-words{max-width: 680px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-wrap .hot-words span{font-size: 14px; color: #214167;}
.search-wrap .hot-words a{font-size: 14px; color: #999; margin-right: 10px;}
.search-wrap .search-box{width: 460px; height: 46px; position: relative;}
.search-wrap .search-box input[type=text]{border:none; line-height: 46px; width: 100%; background: #f7f7f7; text-indent: 15px; outline: none; color: #999999;}
.search-wrap .search-box input[type=submit]{text-indent: -9999px; width: 46px; height: 46px; display: block; position: absolute; right: 0; top: 0; border: none; background: none; background: url(../image/search.png) center center no-repeat; cursor: pointer;}
.product-wrap{margin-top: 10px; margin-bottom: 30px;}
.product-wrap .cpbt{ display: none;}
.product-nav{width: 230px; overflow: hidden;}
.product-nav .title{text-align: center; width: 100%; height: 100px; background: #055aae; overflow: hidden;}
.product-nav .title p{font-size: 30px; font-weight: bold; color: #ffffff; line-height: 1; margin-top: 30px; margin-bottom: 10px;}
.product-nav .title span{font-size: 12px; color: #88b7e5; text-transform: uppercase;}
.product-nav .product-nav-list{width: 100%; background: #f7f7f7; padding-top: 10px; padding-bottom: 20px;}
.product-nav .product-nav-list ul li{height: 50px; line-height: 50px; padding-left: 23px; transition: all .3s ease; position: relative;}
.product-nav .product-nav-list ul li:before{content:''; display: block; width: 3px; height: 3px; background: #c0c0c0; position: absolute; left: 20px; top: 50%; margin-top: -4px;}
.product-nav .product-nav-list ul li:after{content:''; display: block; width: 3px; height: 3px; background: #c0c0c0; position: absolute; left: 20px; top: 50%; margin-top: 2px;}
.product-nav .product-nav-list ul li a{font-size: 16px; display: block; padding-left: 10px; position: relative;}
.product-nav .product-nav-list ul li a:after{content:''; display: block; width: 3px; height: 3px; background: #c0c0c0; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.product-nav .product-nav-list ul li:hover,
.product-nav .product-nav-list ul li.current-cat,
.product-nav .product-nav-list ul li.current_page_item,
.product-nav .product-nav-list ul li.current-menu-item{transform: translateX(20px);background: #ffffff;}
.product-nav .product-nav-list ul li:hover a,
.product-nav .product-nav-list ul li.current-cat a,
.product-nav .product-nav-list ul li.current_page_item a,
.product-nav .product-nav-list ul li.current-menu-item a{color: #dc323a;}
.product-nav .product-nav-list ul li:hover a:after,
.product-nav .product-nav-list ul li.current-cat a:after,
.product-nav .product-nav-list ul li.current_page_item a:after,
.product-nav .product-nav-list ul li.current-menu-item a:after{background: #dc323a;}
.product-nav .product-nav-list ul li:hover:after,
.product-nav .product-nav-list ul li:hover:before,
.product-nav .product-nav-list ul li.current-cat:after,
.product-nav .product-nav-list ul li.current-cat:before,
.product-nav .product-nav-list ul li.current_page_item:after,
.product-nav .product-nav-list ul li.current_page_item:before,
.product-nav .product-nav-list ul li.current-menu-item:after,
.product-nav .product-nav-list ul li.current-menu-item:before{background: #dc323a;}
.product-list{width: 930px;}
.product-list .product-list-wrap{margin-left: -15px; margin-right: -15px;}
.product-list .product-list-item{width: 300px; float: left; margin: 0 10px 25px; text-align: center; margin-bottom: 25px;}
.product-list .product-list-item p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.contact-box{padding: 10px; background: #055aae;}
.contact-box h4{font-size: 20px; color: #ffffff; text-align: center; line-height: 80px; margin-bottom: 15px;}
.contact-box .line-box{position: relative; border: 1px solid #4186c9; padding: 30px 15px;}
.contact-box .line-box span{color: #ffffff; font-size: 14px; line-height: 1;}
.contact-box .line-box p{font-size: 22px; font-weight: bold; color: #ffffff;}
.contact-box .line-box em{display: block; padding: 5px; position: absolute; background: #055aae; color: #65a7e7; top: -14px; left: 8px;}
.product-list .product-list-item .product-img{width: 100%; height: 190px; border: 1px solid #eeeeee; box-sizing: border-box; padding: 5px; overflow: hidden; position: relative;}
.product-list .product-list-item .product-img .hover-bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(5,90,174,.5); opacity: 0; transition: all .3s ease; z-index: 39;}
.product-list .product-list-item:hover .hover-bg{opacity: 1;}
.product-list .product-list-item .product-img .hover-icon{width: 37px; height: 37px; background: url(../image/hover-ico.png); position: absolute; left: 50%; transform: translateX(-50%); top: -37px; z-index: 99; transition: all .3s ease;}
.product-list .product-list-item .product-img a{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 199;}
.product-list .product-list-item:hover .hover-icon{top: 50%; margin-top: -19px;}
.product-list .product-list-item .product-img img{width: 100%; height: 100%; display: block; object-fit: contain;}
.product-list .product-list-item.partner-item .product-img img{max-width: 100%; max-height: 100%; object-fit: none;}
.product-list .product-list-item .product-text{margin-top: 15px; height: 1.5em;}
.product-list .product-list-item .product-text p a{font-size: 16px; line-height: 1;}
.product-list .product-list-item:hover .product-text p a{color: #055aae;}
.advantage-wrap .title-bg{height: 200px; overflow: hidden;}
.advantage-wrap .title-bg .title{margin-top: 40px; position: relative; padding-left: 20px;}
.advantage-wrap .title-bg .title:after{content: ''; display: block; width: 4px; height: 56px; background: #e6212a; position: absolute; left: 0; top: 45px;}
.advantage-wrap .title-bg .title p{font-size: 38px; color: #ffffff; line-height: 1;}
.advantage-wrap .title-bg .title p strong{font-size: 90px; color: #e6212a;}
.advantage-wrap .title-bg .title p em{color: #e6212a;}
.advantage-wrap .title-bg .title span{font-size: 12px; text-transform: uppercase; color: #ffffff;}
.advantage-list-bg{background: url(../image/advan-bg.png) top center; padding: 30px 0;}
.advantage-list-bg ul li{margin: 40px 0;}
.advantage-list-bg .text{width: 600px; float: left; box-sizing: border-box; padding-left: 120px; position: relative; padding-top: 40px;}
.advantage-list-bg .text .nub{width: 91px; height: 91px; text-align: center; line-height: 91px; font-size: 40px; font-weight: bold; color: #ffffff; background: url(../image/nub-bg.png); background-size: 100%; position: absolute; left: 0; top: 30px;}
.advantage-list-bg .text .top{font-size: 38px; color: #e6212a; font-weight: bold; line-height: 1.8; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.advantage-list-bg .text .top em{color: #333333;}
.advantage-list-bg .text .bottom span{font-size: 16px; color: #333333; display: block; padding-left: 20px; position: relative; line-height: 22px; padding-top: 10px; padding-bottom: 10px;}
.advantage-list-bg .text .bottom span:before{content: ''; width: 9px; height: 1px; display: block; background: #333333; position: absolute; left: 0; top: 20px;}
.advantage-list-bg .text .bottom span em{color: #e6212a;}
.advantage-list-bg .img{float: right;}
.advantage-list-bg ul li:nth-child(2n+2) .img{float: left; margin-right: 85px;}
.advantage-list-bg .img img{width: 515px; height: 323px; display: block;}
.about-wrap{height:560px; box-sizing: border-box; padding-top: 70px;}
.about-img{width: 600px; position: relative;}
.about-img .img{position: absolute; top: 10px; left: -10px; z-index: 20;}
.about-img .img img{width: 100%; display: block;}
.about-img .img .phone-wrap{position: absolute; width: 100%; background: rgba(0,0,0,.5); height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 15px; font-size: 18px; font-weight: bold; color: #ffffff; bottom: 0;}
.about-img .img .phone-wrap span{float: left;}
.about-img .bg-box{width: 200px; height: 150px; background: #e6212a; right: 0; top: 0; position: absolute; z-index: 10;}
.about-text{width: 540px;}
.about-text .title{margin-bottom: 50px;}
.about-text .title span{font-size: 26px; font-weight: bold; color: #ffffff; line-height: 1;}
.about-text .title p{font-size: 34px; font-weight: bold; color: #ffffff;}
.about-text .title p em{color: #e6212a;}
.about-text .text-content strong{font-size: 20px; font-weight: bold; color: #ffffff; line-height: 1; display: block; margin-bottom: 20px;}
.about-text .text-content p{font-size: 14px; color: #ffffff; line-height: 24px;}
.about-text .text-content a{width: 140px; height: 40px; line-height: 40px; display: block; text-align: center; color: #ffffff; background: #e6212a; margin-top: 80px;}
.about-text .text-content a i{width: 0; height: 0; border-top: 8px solid #fff; border-left: 8px solid transparent; display: inline-block; transform: rotate(45deg);}
.crcm-wrap{background: #ffffff; padding: 25px 20px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); margin-top: 58px;}
.crcm-wrap .title{margin-bottom: 25px;}
.crcm-wrap .title .title-left{float: left; border-left: 4px solid #e6212a; padding-left: 10px;}
.crcm-wrap .title .title-left p{font-size: 18px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 5px;}
.crcm-wrap .title .title-left span{font-size: 12px; text-transform: uppercase; line-height: 1; color: #999999;}
.crcm-wrap .title .title-right{float: right;}
.crcm-wrap .title .title-right a{font-size: 14px; color: #999999; line-height: 38px;}
.crcm-wrap ul{white-space: nowrap; overflow-x: auto; font-size: 0;}
.crcm-wrap ul li{display: inline-block; width: 216px; margin-right: 20px;}
.crcm-wrap ul li img{width: 100%; height: 156px; object-fit: cover;}
.crcm-wrap ul li:last-child{margin: 0;}
.crcm-wrap ul li p{font-size: 14px; text-align: center; margin-top: 10px; color: #666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-wrap{margin-bottom: 50px; margin-top: 80px;}
.case-wrap .title{text-align: center;}
.case-wrap .title span{font-size: 26px; font-weight: bold; color: #cccccc; text-transform: uppercase; line-height: 1;}
.case-wrap .title p{font-size: 34px; font-weight: bold; color: #333333;}
.case-wrap .title p em{color: #e6212a;}
.case-wrap .case-link{font-size: 0; text-align: center; margin-bottom: 40px; margin-top: 40px; white-space: nowrap; overflow-x: auto;}
.case-wrap .case-link ul li{display: inline-block; font-size: 16px; color: #999999; line-height: 40px; padding: 0 30px; background: #f7f7f7; margin: 0 5px;}
.case-wrap .case-link li:first-child,.case-wrap .case-link li:hover{color: #ffffff; background: #e6212a;}
.case-wrap .case-link li:first-child a,.case-wrap .case-link li:hover a{color: #ffffff;}
.case-wrap .swiper-container{padding-top: 30px; padding-bottom: 60px;}
.case-wrap .swiper-container .swiper-slide{width: 380px;}
.case-wrap .swiper-container .swiper-slide .case-img{width: 100%; height: 260px; overflow: hidden;}
.case-wrap .swiper-container .swiper-slide .case-img img{width: 100%; height: 100%; display: block; object-fit: cover; transition: all .3s ease;}
.case-wrap .swiper-container .swiper-slide:hover .case-img img{transform: scale(1.1);}
.case-wrap .swiper-container .swiper-slide .case-text{text-align: center; margin-top: 10px;}
.case-wrap .swiper-container .swiper-slide .case-text p{font-size: 16px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-wrap .swiper-pagination-bullet{width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #000; opacity: .2;}
.case-wrap .swiper-pagination-bullet-active{opacity: 1; background: #e6212a;}
.consulting-link{background: #055aae;}
.consulting-bg{padding: 60px 0 50px; overflow: hidden; background-position: 60% 0;}
.consulting-bg .text{padding-left: 15px; border-left: 3px solid #e6212a;}
.consulting-bg .text p{font-size: 34px; color: #fff; line-height: 1; margin-bottom: 10px;}
.consulting-bg .text span{font-size: 12px; color: #ffffff; opacity: .5; text-transform: uppercase; line-height: 1;}
.consulting-bg .link a{display: block; font-size: 18px; width: 220px; height: 50px; line-height: 50px; text-align: center; color: #ffffff; background: #e6212a;}
.consulting-bg .link a:hover{left: 300px; background: #f0313b;}
.consulting-bg .link p{font-size: 14px; color: #ffffff; line-height: 1; margin-top: 10px;}
.consulting-bg .link p em{font-size: 18px;}
.news-wrap{margin-top: 60px; margin-bottom: 60px;}
.news-wrap .news-left{width: 100%;}
.news-wrap .title-row{margin-bottom: 30px;}
.news-wrap .title-row .title p{font-size: 20px; font-weight: bold; color: #333333; line-height: 1; margin-top: 5px;}
.news-wrap .title-row .title p em{color: #e6212a;}
.news-wrap .title-row .title span{font-size: 30px; font-weight: bold; color: #cccccc; text-transform: uppercase; line-height: 1;}
.news-wrap .title-row .tab-link ul li{float: left; width: 180px; height: 44px; line-height: 44px; text-align:center ; background: #e6212a; margin: 0 5px; position: relative; cursor: pointer; font-size: 16px; font-weight: bold; color: #ffffff;}
.news-wrap .title-row .tab-link ul li.active{background: #055aae;}
.news-wrap .title-row .tab-link ul li:before{content: ''; display: block; width: 0; height: 0; border-top: 44px solid #fff; border-right: 20px solid transparent; display: block; position: absolute; left: 0; top: 0;}
.news-wrap .title-row .tab-link ul li:after{content: ''; display: block; width: 0; height: 0; border-bottom: 44px solid #fff; border-left: 20px solid transparent; display: block; position: absolute; right: 0; top: 0;}
.news-wrap .news-left .list-row{overflow: hidden;}
.news-wrap .news-left .list-row ul{margin-right: -10px; margin-left: -10px;}
.news-wrap .news-left .list-row ul li{width: 50%; float: left; box-sizing: border-box; padding: 0 10px;}
.news-wrap .news-left .list-row ul li .img{display: none;}
.news-wrap .news-left .list-row ul li .text .title{line-height: 50px; border-bottom: 1px solid #f1f1f1; padding-left: 12px; position: relative;}
.news-wrap .news-left .list-row ul li .text .title:before{content: ''; width: 4px; height: 4px; display: block; position: absolute; background: #214167; left: 0; top: 50%; margin-top: -2px;}
.news-wrap .news-left .list-row ul li .text .title span{float: right; font-size: 14px; color: #999999;}
.news-wrap .news-left .list-row ul li .text .title a{width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.news-wrap .news-left .list-row ul li .text .info{font-size: 12px; color: #999999; line-height: 20px; margin-bottom: 20px; display: none;}
.news-wrap .news-left .list-row ul li .text .more{font-size: 14px; color: #e6212a; display: none;}
.news-wrap .news-left .list-row ul li .text .more i{width: 0; height: 0; border-top: 6px solid #e6212a; border-left: 6px solid transparent; display: inline-block; transform: rotate(45deg); vertical-align: middle; margin-top: -5px; margin-left: 3px;}
.news-wrap .news-left .list-row ul li:first-child{width: 100%; margin-bottom: 20px;}
.news-wrap .news-left .list-row ul li:first-child .img{width: 30%; height: 150px; float: left; display: block;}
.news-wrap .news-left .list-row ul li:first-child .img img{width: 100%; height: 100%; display: block; object-fit: cover;}
.news-wrap .news-left .list-row ul li:first-child .text{width: 67%; float: right;}
.news-wrap .news-left .list-row ul li:first-child .text .title{line-height: 48px; border-bottom: none; margin-bottom: 20px; position: relative; margin-top: -5px; padding: 0;}
.news-wrap .news-left .list-row ul li:first-child .text .title:before{display: none;}
.news-wrap .news-left .list-row ul li:first-child .text .title:after{content: ''; display: block; position: absolute; width: 40px; height: 3px; background: #e6212a; left: 0; bottom: 0;}
.news-wrap .news-left .list-row ul li:first-child .text .title a{font-size: 16px; font-weight: bold; color: #333333;}
.news-wrap .news-left .list-row ul li:first-child .text .info{display: block;}
.news-wrap .news-left .list-row ul li:first-child .text .more{display: block;}
.news-wrap .news-right{width: 380px;}
.news-wrap .news-right ul{margin-right: -5px; margin-left: -5px;}
.news-wrap .news-right ul li{width: 50%; float: left; box-sizing: border-box; padding: 0 5px; margin-bottom: 10px;}
.news-wrap .news-right ul li img{width: 100%; display: block; box-sizing: border-box; border: 1px solid #eeeeee;}
.footer-wrap{background: #055aae; padding: 80px 0 70PX; display: table; margin-top: 50px;}
.footer-wrap .footer-left{width: 63%; height: 100px; box-sizing: border-box; border-right: 1px solid #024486;}
.footer-wrap .footer-nav{margin-bottom: 30px;}
.footer-wrap .footer-nav ul li{float: left; padding-right: 30px; position: relative; line-height: 1;}
.footer-wrap .footer-nav ul li:after{position: absolute; content: ''; width: 1px; height: 14px; display: block; background: #5e86ae; top: 0; right: 15px; transform: rotate(20deg);}
.footer-wrap .footer-nav ul li:last-child:after{display: none;}
.footer-wrap .footer-nav ul li a{color: #ffffff; font-size: 14px;}
.footer-wrap .footer-right{width: 37%; height: 100px; box-sizing: border-box; border-left: 1px solid #2671bc;}
.footer-wrap .footer-right .contact-link{float: right; margin-left: 30px; position: relative;}
.footer-wrap .footer-right .contact-link .qr-hiden{width: 120px; height: 120px; padding: 10px; box-sizing: border-box; position: absolute; z-index: 99; background: #ffffff; top: -130px; left: -30px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); display: none;}
.footer-wrap .footer-right .contact-link .qr-hiden.show{display: block;}
.footer-wrap .footer-right .contact-link .qr-hiden:after{content: ''; width: 5px; height: 5px; display: block; background: #ffffff; position: absolute; left: 50%; bottom: -3px; transform: rotate(45deg);}
.footer-wrap .footer-right .contact-link .qr-hiden img{width: 100%;}
.footer-wrap .footer-right .contact-link a{width: 44px; height: 44px; display: block; background: #377bbe; border-radius: 50%; margin-left: 10px; float: left;}
.footer-wrap .footer-right .contact-link a.weixin{background-image: url(../image/footer-ico2.png);}
.footer-wrap .footer-right .contact-link a.qq{background-image: url(../image/footer-ico3.png);}
.footer-wrap .footer-right .footer-phone{padding-left: 54px; padding-top: 5px; position: relative; float: right;}
.footer-wrap .footer-right .footer-phone:after{content:''; width: 44px; height: 44px; display: block; border-radius: 50%; background:#377bbe url(../image/footer-ico1.png); background-size: 100%; position: absolute; left: 0; top: 0;}
.footer-wrap .footer-right .footer-phone em{font-size: 12px; color: #ffffff;}
.footer-wrap .footer-right .footer-phone p{font-size: 27px; color: #ffffff; margin-bottom: 10px; font-family: DIN;}
.footer-wrap .footer-right .footer-phone span{font-size: 12px; color: #ffffff;}
.copyright-wrap{font-size: 12px; color: #333333; text-align: center; line-height: 24px; padding: 30px 0;}
.product-list .details-title{padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.product-list .details-title h3{color: #055aae; font-size: 24px; margin-bottom: 10px;}
@media only screen and (max-width: 760px){
body{padding-top: 5em!important;}
.crcm-wrap{margin-top:20px;}
.case-wrap{margin-top:0px;}
.pc-fl{float:none;}
.pc-fr{float:none;}
.head-box{min-width:100%; position: fixed; z-index: 10; top: 0; left: 0; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.full-main{min-width:100%;}
.top-row{display:none;}
.main-container{width:100%;min-width:100%;margin:0;padding-left:15px;padding-right:15px;box-sizing:border-box;}
.top-row .top-right{display:none;}
.wap-menu{display:block;}
.logo-row{padding-top:20px;padding-bottom:20px;}
.logo-row .logo-wrap{height:36px;overflow:hidden;float:none;}
.logo-row .logo-wrap img{height:100%;display:block;}
.logo-row .slogan-wrap{display:none;}
.logo-row .search-wrap{float:none;width:100%;height:34px;margin-top:20px;box-sizing:border-box;overflow:hidden;position:relative;background:none;margin-left:0;}
.logo-row .search-wrap .input{height:34px;padding-left:10px;}
.logo-row .search-wrap .button{height:34px;}
.logo-row .phone-wrap{display:none;}
.nav-row{border-top:1px solid #ddd;height:auto;position:absolute;z-index:99;background:#ffffff;height:0;overflow:hidden;padding-top:15px;padding-bottom:30px; transition:all .3s ease;display:none;}
.nav-row.wap-home{position: relative; height:auto;display:block;}
.nav-row .navitem{float:none;position:relative;text-align:center;}
.nav-row .navitem:after{display:none;}
.nav-row .navitem:hover .sub-menu{display:none;}
.nav-row li{ width: 50%; text-align: center;}
.nav-row .sjdh{ display: inline-block;}
.banner-box{height:200px;}
.banner-box .swiper-container{width:100%;height:100%;}
.banner-box .swiper-container img{width:100%;height:100%;object-fit:cover;}
.banner-box .swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}
.search-wrap .hot-words{display:none;}
.search-wrap .search-box{width:100%;}
.product-nav{display:none;}
.product-wrap .cpbt{ display: block;}
.product-wrap .cpbt.title{text-align: center; margin: 10px 0 20px 0;}
.product-wrap .cpbt.title span{font-size: 26px; font-weight: bold; color: #cccccc; text-transform: uppercase; line-height: 1;}
.product-wrap .cpbt.title p{font-size: 34px; font-weight: bold; color: #333333;}
.product-wrap .cpbt.title p em{color: #e6212a;}
.product-nav .product-nav-list{padding:0;background:none;}
.product-nav .product-nav-list ul{overflow-x:auto;white-space:nowrap;font-size:0;}
.product-nav .product-nav-list ul li{display:inline-block;padding:0;margin-right:10px;}
.product-nav .product-nav-list ul li:hover{transform:translateX(0);background:none;}
.product-nav .product-nav-list ul li::after,.page-product-nav .product-nav-list ul li::before{display:none;}
.product-nav .product-nav-list ul li a{background:#f7f7f7;padding:0 15px;}
.product-nav .product-nav-list ul li a::after{display:none;}
.product-nav .product-nav-list ul li.current-cat,.page-product-nav .product-nav-list ul li.current_page_item,.page-product-nav .product-nav-list ul li.current-menu-item{transform:translateX(0);}
.product-nav .product-nav-list ul li.current-cat a,.page-product-nav .product-nav-list ul li.current_page_item a,.page-product-nav .product-nav-list ul li.current-menu-item a{background:#dc323a;color:#ffffff;}
.product-list{width:100%;margin:0;}
.product-list .product-list-wrap{margin-left:-5px;margin-right:-5px;}
.product-list .product-list-item{width:50%;margin-left:0;padding:0 5px;box-sizing:border-box;}
.product-list .product-list-item:nth-child(9){display:none;}
.product-list .product-list-item .product-img{height:130px;}
.advantage-wrap .title-bg .title p{font-size:26px;}
.advantage-wrap .title-bg .title p strong{font-size:60px;}
.advantage-wrap .title-bg .title::after{content:'';display:block;width:4px;height:56px;background:#e6212a;position:absolute;left:0;top:35px;}
.advantage-list-bg .text{width:100%;float:none;padding-left:0;}
.advantage-list-bg .img{float:none;}
.advantage-list-bg ul li:nth-child(2n+2) .img{float:none;margin-right:0;}
.advantage-list-bg .img img{width:100%;height:auto;display:block;}
.advantage-list-bg .text .nub{top:-50px;}
.advantage-list-bg .text .top{font-size:30px;}
.about-wrap{height:auto;}
.about-text .title{margin-bottom:30px;}
.about-img{width:100%;height:200px;overflow:hidden;margin-top:60px;}
.about-img .img{position:static;top:0;left:-0;z-index:20;height:200px;}
.about-img .bg-box{display:none;}
.about-img img{width:100%;height:100%;object-fit:cover;}
.about-text{width:100%;}
.about-text .text-content a{margin-top:40px;}
.crcm-wrap{background:#ffffff;padding:25px 0;overflow:hidden;box-shadow:none;transform:translateY(0);}
.case-wrap .swiper-container .swiper-slide{width:100%;}
.case-wrap .title{margin-top:40px;}
.consulting-bg .link{margin-top:50px;}
.consulting-bg{background-size:100%;background-position:0 70%;}
.news-wrap .news-left{width:100%;margin-bottom:30px;}
.news-wrap .news-right{width:100%;}
.news-wrap .news-left .list-row ul li{width:100%;}
.news-wrap .title-row .tab-link{margin-top:30px;}
.news-wrap .title-row .tab-link ul li{width:50%;margin:0;}
.news-wrap .news-left .list-row ul li .text .info{display:none;}
.news-wrap .news-left .list-row ul li:first-child .img{width:30%;height:auto;}
.footer-wrap .footer-left{width:100%;height:auto;border:none;margin-bottom:50px;}
.footer-wrap .footer-right{width:100%;height:auto;border:none;}
.footer-nav{display:none;}
.footer-logo{text-align:center;width:100%;overflow:hidden;}
.footer-logo img{max-width:100%;}
.footer-wrap{padding:40px 0;}
.footer-wrap .footer-right .contact-link{float:none;overflow:hidden;margin:0;text-align:center;}
.footer-wrap .footer-right .contact-link .qr-hiden{display:block;position:static;margin:0 auto;}
.footer-wrap .footer-right .contact-link a{display:none;}
.footer-wrap .footer-right .footer-phone{float:none;text-align:center;padding:0;margin-top:40px;}
.footer-wrap .footer-right .footer-phone:after{display:none;}
.product-list .product-list-item .product-text{margin-top:5px;}
.product-list .product-list-item{margin-right:0;margin-left:0;margin-bottom:10px;}
}   
/*right-bar*/
.right-bar{position: fixed;top: 50%;right: 0;width: 76px;height: 203px; z-index: 10;}
.right-bar ul li{width: 76px;height: 76px;background: #fff;box-shadow: 0 2px 21px rgba(108,108,108,.19);cursor: pointer;position: absolute;}
.right-bar ul li a{width: 76px;height: 76px;text-align: center;cursor: pointer;overflow: hidden;display: block;float: left;}
.rtbar-li2{top: 78px;}
.right-bar ul li.rtbar-li3{top: 156px;width:230px;}
.rtbar-li4{top: 234px;}
.right-bar ul li em{width: 30px;height: 30px;display: block;margin: 12px auto 5px;}
.right-bar ul li a span{font-size: 14px;color: #666;line-height: 1.1;}
.right-bar ul li:hover{background: #055aae;box-shadow: 0 2px 21px rgba(31, 59, 136, 0.45);}
.right-bar ul li:hover span{color: #fff;}
.rtbar-li1 em{background: url(../image/righ-bar-ico1.png) 0 0 no-repeat;}
.rtbar-li1:hover em{background: url(../image/righ-bar-ico1.png) -30px 0 no-repeat;}
.rtbar-li2 em{background: url(../image/righ-bar-ico2.png) 0 0 no-repeat;}
.rtbar-li2:hover em{background: url(../image/righ-bar-ico2.png) -30px 0 no-repeat;}
.rtbar-li3 em{background: url(../image/righ-bar-ico3.png) 0 0 no-repeat;}
.rtbar-li3 p{display: inline;font-size: 20px;line-height: 76px;color: #fff;font-weight: 500;}
.rtbar-li3:hover em{background: url(../image/righ-bar-ico3.png) -30px 0 no-repeat;}
.right-bar ul li.rtbar-li4 em{margin-top: 25px;background: url(../image/righ-bar-ico4.png) -30px 0 no-repeat;}
.right-bar ul li.rtbar-li4:hover em{background: url(../image/righ-bar-ico4.png) -30px 0 no-repeat;}
.rtbar_shwx{position: absolute;right: 78px;top:0px;background: #fff;box-shadow: 0 2px 21px rgba(108,108,108,.19);display: none; z-index: 20; width: 120px; height: 120px; padding: 10px;}
.rtbar_shwx img{max-width: 100%; display: block;}
.right-bar ul li.gotop{display: none;background: #055aae;}
/* 产品列表 */
.page-banner-box{height: 350px; background-size: cover; overflow: hidden;}
.page-banner-box img{width: 100%}
.breadcrumb-wrap{line-height: 60px; overflow: hidden; font-size: 14px; color: #666666;}
.breadcrumb-wrap a{margin-right: 5px;}
.breadcrumb-wrap a:after{}
.product-list-wrap{overflow: hidden;}
.navigation{text-align: center;}
.navigation h2{display: none;}
.navigation a{display: inline-block; font-size: 14px; line-height: 40px; padding: 0 15px; border: 1px solid #ddd; margin: 0 1px; margin-top: 30px; margin-bottom: 30px;}
.navigation span{display: inline-block; font-size: 14px; line-height: 40px; padding: 0 15px; border: 1px solid #ddd; margin: 0 1px; margin-top: 30px; margin-bottom: 30px;}
.navigation .page-num-current{ color: #ffffff; border-color: #055aae; background: #055aae;}
@media only screen and (max-width: 760px){
.navigation a{ margin-top: 5px; margin-bottom: 5px;}
.navigation span{ margin-top: 5px; margin-bottom: 5px;}
.page-banner-box{height:100px;}
.page-product-nav{display:block;width:100%;margin-bottom:30px;}
.page-product-nav .title{display:none;}
.page-product-nav .contact-box{display:none;}
.page-product-nav .product-nav-list{padding:0;background:none;}
.page-product-nav .product-nav-list ul{overflow-x:auto;white-space:nowrap;font-size:0;}
.page-product-nav .product-nav-list ul li{display:inline-block;padding:0;margin-right:10px;}
.page-product-nav .product-nav-list ul li:hover{transform:translateX(0);background:none;}
.page-product-nav .product-nav-list ul li::after,.page-product-nav .product-nav-list ul li::before{display:none;}
.page-product-nav .product-nav-list ul li a{background:#f7f7f7;padding:0 15px;}
.page-product-nav .product-nav-list ul li a::after{display:none;}
.page-product-nav .product-nav-list ul li.current-cat,.page-product-nav .product-nav-list ul li.current_page_item,.page-product-nav .product-nav-list ul li.current-menu-item{transform:translateX(0);}
.page-product-nav .product-nav-list ul li.current-cat a,.page-product-nav .product-nav-list ul li.current_page_item a,.page-product-nav .product-nav-list ul li.current-menu-item a{background:#dc323a;color:#ffffff;}
}
/* 详情 */
.details-content{width: 930px;}
.details-content .details-title{text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.details-content .details-title h3{font-size: 24px; color: #333333; line-height: 1; margin-bottom: 10px;}
.details-content .details-title p{font-size: 12px; color: #999999;}
.details-content .details-content{box-sizing: border-box; padding: 30px; font-size: 16px; color: #333333; line-height: 35px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.details-content .details-content img{max-width: 100%; height: auto !important; display: block; margin: 0 auto; object-fit: cover;}
.details-content .page-tab{margin-top: 40px; margin-bottom: 40px; overflow: hidden;}
.details-content .page-tab .pre{width: 50%; float: left; box-sizing: border-box; line-height: 16px; font-size: 14px;}
.details-content .page-tab .next{width: 50%; float: right; text-align: right; box-sizing: border-box; font-size: 14px;}
.details-content .page-tab .pre span,.details-content .page-tab .next span{color: #999999;}
/* 关于我们 */
.details-content .details-title.about-details{text-align: left; padding-bottom: 10px;}
.details-content .about-details h3{color: #055aae;}
.details-content .details-content.about-details{line-height: 38px; border: none;}
.details-content .details-content.about-details .blocks-gallery-item{width: 33.33%; float: left;}
.details-content .details-content.about-details .blocks-gallery-item img{max-width: 100%; margin: 0 auto; border: 1px solid #ddd;}
/* 联系我们 */
.contact-details .contact-row{margin-bottom: 30px;}
.contact-details .contact-row .text strong{font-size: 22px; color: #333333; line-height: 1;}
.contact-details .contact-row .text p{font-size: 14px; line-height: 38px;}
.contact-details .contact-row .qr{text-align: center;}
/* 图文列表 */
.details-content .details-content.img-text-list{padding: 40px 0;}
.img-text-list .page-news-list-item{width: 100%; height: 160px; background: #f7f7f7; box-sizing: border-box; padding: 20px; margin-bottom: 20px;}
.pnli-img{width: 200px; height: 120px; float: left; overflow: hidden;}
.pnli-img img{width: 100%; transition: all .3s;}
.pnli-text{width: 440px; float: left; margin-left: 30px; transition: all .3s;}
.pnli-title{line-height: 1.5; margin-bottom: 10px; margin-top: 15px;}
.pnli-title a{font-size: 20px; color: #333333;}
.pnli-content{font-size: 12px; line-height: 24px; color: #666666;}
.pnli-time-more{width: 140px; float: right;}
.pnli-time-more p{font-size: 20px; color: #333; margin-top: 10px;}
.pnli-time-more a{width: 80px; height: 30px; display: block; line-height: 28px; text-align: center; box-sizing: border-box; border: 1px solid #055aae; border-radius: 15px; font-size: 12px; color: #055aae; margin-top: 30px; transition: all .3s;}
.img-text-list .page-news-list-item:hover{box-shadow:0 5px 15px rgba(0, 0, 0, .1);}
.img-text-list .page-news-list-item:hover .pnli-text{margin-left: 40px;}
.img-text-list .page-news-list-item:hover .pnli-time-more a{margin-left: 20px; background: #055aae; color: #ffffff;}
.img-text-list .page-news-list-item:hover .pnli-img img{transform: scale(1.1);}
/* 文字列表 */
.details-content .details-content.text-list{padding: 20px 20px;}
.text-list .page-news-list-item{line-height: 62px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.text-list .page-news-list-item .title{width: 70%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-list .page-news-list-item .title a{font-size: 18px; color: #333333;}
.text-list .page-news-list-item .time{width: 30%; float: right; text-align: right; font-size: 14px; color: #999999;}
.details-content .details-content.text-list .pagenation{margin-top: 20px;}
.search-num .serch-form{width: 400px; overflow: hidden;}
.search-num input[type=text]{width: 80%; height: 36px; border: none; background: #f7f7f7; line-height: 36px; display: block; float: left; text-indent: 15px;}
.search-num .button{width: 20%; background: #055aae; color: #ffffff; line-height: 36px; display: block; float: left; border: none;}
.search-list-item{border-bottom: 1px solid #eee; overflow: hidden;}
.search-list-item a{display: block; width: 70%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 38px;}
.search-list-item span{float: right; line-height: 38px; color: #999999;}
@media only screen and (max-width: 760px){
.search-num .serch-form{width:100%;}
.contact-details .contact-row .qr{margin-top:40px;}
.details-content .page-tab .pre{width:100%;float:none;line-height:30px;}
.details-content .page-tab .next{width:100%;float:none;text-align:left;line-height:30px;}
.details-content .details-content{padding:30px 0;}
.details-content{width:100%;}
.details-content .details-content.text-list{padding:20px 0;}
.img-text-list .page-news-list-item{width:auto;height:auto;box-sizing:border-box;margin:10px;overflow:hidden;padding:10px;}
.pnli-img{width:30%;height:68px;}
.pnli-text{width:70%;margin:0;padding-left:10px;box-sizing:border-box;}
.pnli-title{line-height:1.5;margin:0;overflow:hidden;white-space:normal;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pnli-title a{font-size:16px;}
.pnli-time-more{display:none;}
.pnli-content{display:none;}
.img-text-list .page-news-list-item:hover .pnli-text{margin-left:0;}
.right-bar{display:none;}
}
.product-list-item .product-img{cursor: pointer;}
.factory-img-ceng{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 999; overflow: hidden;}
.factory-img{position: fixed; top:50%; left: 50%; width: 700px; height: auto; background: #fff; transform: translate3d(-50%,-50%,0); z-index: 9999;}
.factory-img .title{height: 60px; line-height: 60px; padding: 0 25px; border-bottom: 1px solid #eee; font-size: 18px; color: #333;}
.factory-img .img-box{padding: 20px;}
.factory-img .img-box img{width: 100%;}
.factory-img .img-close{position: absolute; top: 15px; right: 25px; width: 25px; height: 25px; display: block; border-radius: 50%; background: #f5f5f5; z-index: 10; cursor: pointer; transform: rotate(45deg);}
.factory-img .img-close:after{content: ''; display: block; width: 1px; height: 15px; background: #333333; position: absolute; left:12px ; top: 5px;}
.factory-img .img-close:before{content: ''; display: block; width: 15px; height: 1px; background: #333333; position: absolute; left:5px ; top: 12px;}
.hide{display: none;}
.kf_bottom{display:none;}
@media only screen and (max-width: 760px){
.factory-img{width: 100%;}
.kf_bottom{display:block;}
.kf_bottom{width: 100%;height: 60px;background: #1677d6;margin: 0 auto;position: fixed;bottom: 0;left: 0;z-index: 99;}
.kf_bottom ul{max-width: 640px;height: 60px;margin: 0 auto}
.kf_bottom ul li{width: 25%;height: 60px;display: block;float: left;text-align: center;background: url(../image/kf_bottom_li.png) no-repeat right center}
.kf_bottom ul li a{color: #fff;font-size: 12px;text-decoration: none;}
.kf_bottom ul li:nth-of-type(4){background-image: none}
.kf_bottom ul li.f1 i{display: block;width: 100%;height: 32px;background: url(../image/f1.png) no-repeat center;margin-top: 5px;background-size: 28%;}
.kf_bottom ul li.f2 i{display: block;width: 100%;height: 32px;background: url(../image/f2.png) no-repeat center;margin-top: 5px;background-size: 28%;}
.kf_bottom ul li.f3 i{display: block;width: 100%;height: 32px;background: url(../image/f3.png) no-repeat center;margin-top: 5px;background-size: 28%;}
.kf_bottom ul li.f4 i{display: block;width: 100%;height: 32px;background: url(../image/f4.png) no-repeat center;margin-top: 5px;background-size: 28%;}
.copyright-wrap{margin-bottom: 40px;}
}
/*头条、推荐、置顶*/
.badge{display: inline-block; padding: .5em .8em; margin-right: .1em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.badge-danger{color: #fff; background-color: #dc3545;}
.badge-warning{color: #212529; background-color: #ffc107;}
.badge-info{color: #fff; background-color: #17a2b8;}
/*留言*/
.form { margin: 20px 0;}
.form li p{ padding: 10px 0; font-size: 16px;}
.form li input{ width: 100%; height: 50px; line-height: 50px; font-size: 15px; padding: 0 10px; border: 1px solid #dedede; box-sizing: border-box;}
.form button{ width: 100%; margin-top: 20px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #055aae; border-radius: 5px; cursor: pointer;}
.form button:hover{ background: #000;}
.form input, .form button{ border: 0; outline: none;}