.header01{border-top: 5px solid #2158aa;}
.header01 > .container{padding: 20px 15px;}
.header01 .logo {}
.header01 .text-right{margin-top: 20px;}
.header01 .lang{vertical-align: middle;margin:0 15px 0 0;line-height: 30px;}
.header01 .lang a{color: #828282;line-height: 32px;}
.header01 .lang a .sprite{width: 15px;height: 10px;background-position: -50px 0;}
.header01 .lang a.cur .sprite{background-position: 0 0;}
.header01 .lang span{width: 1px; height: 14px;vertical-align: middle; background: #828282;margin: 0 5px;display: inline-block;}
.header01 .lang a.cur{color: #2158aa;}
.header01 .search form{vertical-align: middle; font-size: 0;border: 1px solid #828282;border-radius: 15px ;}
.header01 .search input{padding: 0 10px; font-size: 14px;width: 200px;height: 30px;line-height: 30px;border: none;background: none;vertical-align: middle;}
.header01 .search input[type=submit]{width: 34px;background: url(../images/sprite.png) 0 -100px no-repeat;}
.navWrap{border-top: 1px solid #d2d2d2;}
.navWrap .nav{font-size: 0;}
.navWrap .nav li{display: inline-block;position: relative;}
.navWrap .nav > li + li{margin-left:60px ;}
.navWrap .nav li a{line-height: 60px;display: inline-block;padding: 0 15px; font-size: 14px;border-bottom: 2px solid transparent;}
.navWrap .nav li:hover > a,
.navWrap .nav li.cur a{background: none; color: #2158AA;border-bottom-color: #2158AA;}


.header01 .nav .sonNav{display: none;position: absolute;left: 0;top: 62px;z-index: 2;min-width: 100%;background: #fff;}
.header01 .nav .sonNav li{display: block;background: #fff;}
.header01 .nav .sonNav li a{line-height: 30px;padding: 0 15px;white-space: nowrap;text-decoration: none;width: 100%;}
.header01 .nav .sonNav li a:hover{border-bottom-color: transparent;}
.header02{display: none;margin: 10px auto;}
.header02 .logo img{height: 40px;}
.header02 .navbar-btn{margin:8px 0;}
.header02 .navbar-btn span{width:20px;height:3px;background:#2158aa;display:block}
.header02 .navbar-btn span+span{margin-top:4px}


.mobile-nav{position:fixed;z-index:999;top:0;right:0;width:70%;height:100%;color: #333; padding:10px 15px 30px 20px;overflow-y:auto;background-color:#fff;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .4s 0s,box-shadow 0s .4s;-moz-transition:-moz-transform .4s 0s,box-shadow 0s .4s;transition:transform .4s 0s,box-shadow 0s .4s}
.mobile-nav.is-visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;box-shadow:-4px 0 30px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .4s 0s,box-shadow 0s 0s;-moz-transition:-moz-transform .4s 0s,box-shadow 0s 0s;transition:transform .4s 0s,box-shadow 0s 0s}
.mobile-nav .close{width:20px;height:20px;opacity:1;z-index: 99; display:block;position:relative;transform:rotate(45deg)}
.mobile-nav .close:before{content:'';width:24px;height:2px;background:#C30D23;display:inline-block;position:absolute;left:0;top:11px}
.mobile-nav .close:after{content:'';width:2px;height:24px;background:#C30D23;display:inline-block;position:absolute;left:11px;top:0}
.mobile-nav .nav2{display: none;}
.main-content.scale-down{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
.cd-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background:#000;filter:alpha(opacity:60);background:rgba(0,0,0,.6);z-index:3;visibility:hidden;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .4s 0s,visibility 0s .4s;-moz-transition:opacity .4s 0s,visibility 0s .4s;transition:opacity .4s 0s,visibility 0s .4s}
.cd-overlay.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .4s 0s,visibility 0s 0s;-moz-transition:opacity .4s 0s,visibility 0s 0s;transition:opacity .4s 0s,visibility 0s 0s}
.dropdown{padding-top:20px;font-size:12px}
.dropdown li a{display:block;width:100%;padding: 5px 10px;color: #333;font-size: 14px; text-decoration:none;text-transform:uppercase;}
.dropdown li>ul li{padding:0 0 0 15px}
.dropdown li>ul li a{font-size:12px;color: #333;text-transform: capitalize}
.dropdown li>ul li>ul li{padding:10px 30px;}

.mobile-nav .lang a{color: #ccc;}
.mobile-nav .lang a:before{vertical-align: middle; content: '';display: inline-block;width: 6px;height: 6px;margin: 0 5px;background: #939393;border-radius: 50%;}
.mobile-nav .lang a.cur:before{background: #312623;}
.mobile-nav .lang a.cur{color: #312623;}

.footer01{background: #0f1011;color: #808080;padding: 30px 0 25px;}
.footer01 dl{width: 16.6666%;float: left;}
.footer01 dl dt{margin-bottom: 10px;}
.footer01 dl dt a{color: #fff;}
.footer01 dl dd{line-height: 1.6;}
.footer01 dl dd a{color: #808080;}
.footer01 dl dd a:hover{text-decoration: none; color: #2158aa;}
.footer02{padding: 12px 0; background: #000;}
.footer02 .share{position: absolute;left: 0;top: 0;}
.footer02 .share .sprite{width: 25px;height: 25px;margin-right: 4px;}
.footer02 .share .facebook{background-position: 0 -1200px}
.footer02 .share .twitter{background-position: 0 -1300px}
.footer02 .share .instagram{background-position: 0 -1400px}
.footer02 .share .weibo{background-position: 0 -1500px}
.footer02 .share .qq{background-position: 0 -1600px}
.footer02 p{color: #999;}
.footer02 p a{margin-left: 25px;}

.banner{min-height: 150px;}

.breadcrumb{background: #f3f3f3;position: relative;margin-bottom: 15px;color: #7b7b7b;}
.breadcrumb a{padding: 0 4px;line-height: 54px;color: #7b7b7b;}
.breadcrumb a:hover{color: #2158AA;}
.breadcrumb .catname{width: 240px;padding: 40px 0;font-size: 26px;color: #fff;background: #2158AA; background: linear-gradient(155deg,#4899d7,#3e89cc 40%,#2b68b5 70%,#2158aa);position: absolute;bottom: 0;left: 15px;}
.breadcrumb .catname:before{width: 20px;height: 20px;border: 1px solid rgb(255,255,255,0.4);border-right-color: transparent;border-bottom-color: transparent; display: block;content: '';position: absolute;left: 8px;top: 8px;z-index: 2;}
.breadcrumb .catname:after{width: 20px;height: 20px;border: 1px solid rgb(255,255,255,0.4);border-left-color: transparent;border-top-color: transparent; display: block;content: '';position: absolute;right: 8px;bottom: 8px;z-index: 2;}
.breadcrumb .box{margin-left: 280px;}
.breadcrumb .box .sprite{width: 25px;height: 22px;background-position: 0 -1700px;}
.commonWrap .show_content{}
.commonWrap .show_content .company_introduction{font-size: 16px;}
.commonWrap .scatname{margin: 15px auto;}
.commonWrap .scatname span{font-size: 24px;padding: 0 15px;height: 34px;line-height: 34px;vertical-align: middle; background: #fff;}
.commonWrap .scatname:before{content: '';display: inline-block;float: left;margin-top: 8px; width: 12px;height: 22px;background: #2158AA;background: linear-gradient(to bottom,#4797d6,#2158aa);}
.commonWrap .scatname:after{content: '';display: block; width: 100%;height: 1px;background: #d0d0d0;position: absolute;left: 0;top: 20px;z-index: -1;}
/*产品列表*/
.commonWrap .product_list{}
.commonWrap .product_list .product_box{text-align: center;border: 2px solid #ccc;margin-bottom: 30px;}
.commonWrap .product_list .product_box:hover{border-color: #3F78B2;}
.commonWrap .product_list .product_box .type{background: #3F78B2;color: #fff;height: 30px;line-height: 30px;}
.commonWrap .product_list .product_box .title{margin: 15px auto;font-size: 16px;}
.commonWrap .product_list .product_box .title span{padding: 10px 5px;background: #3F78B2;color: #fff;}

.product_content .product_title{font-size: 20px;text-align: center;}
.product_content .img-responsive{margin: 20px auto 30px;}
.commonWrap .product_detail{border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.commonWrap .product_detail .box{}
.commonWrap .product_detail .box .info_title{border-bottom: 1px dashed #333;font-size: 16px;padding-bottom: 10px;}
.commonWrap .product_detail .box .info{padding: 30px 0;}
.history{width: 20px;height: 16px;margin-right: 10px; background-position: 0 -300px;}

.commonWrap .product_service{margin-bottom: 100px;}
.commonWrap .product_service span,
.commonWrap .product_service p{line-height: 1.8;}
.commonWrap .product_service .col-md-3{width: 25%;margin: 40px auto 100px;}
.commonWrap .product_service .hd{font-size: 24px;margin-bottom: 40px;}
.commonWrap .product_service .dot{width: 20px;height: 20px;border-radius: 50%; background: #60AD3D;margin-right: 15px;}
.commonWrap .product_service .dot + h5,
.commonWrap .product_service .dot + div,
.commonWrap .product_service .dot + p{display: inline-block;}
.commonWrap .mobile{display: none;}

.nav_aside_common .bd > ul > li{margin-bottom: 15px;}
.nav_aside_common .bd > ul > li > a{height: 44px;line-height: 44px;padding-left: 25px; border: 1px solid #dadada; display: block;}
.nav_aside_common .bd > ul > li > a:before{vertical-align: middle; content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #ccc;margin-right: 8px;}
.nav_aside_common .bd > ul li a.cur,
.nav_aside_common .bd > ul li a:hover{color: #2158aa;font-weight: bold; text-decoration: none;}
.nav_aside_common .bd > ul li a.cur:before,
.nav_aside_common .bd > ul li a:hover:before{background: #2158AA;}
.nav_aside_common .bd > ul li a .sprite{width: 14px;height: 9px;background-position: 0 -2100px;float: right;margin: 18px 20px 0;}
.nav_aside_common .bd .sonnav li a{line-height: 36px;border-bottom: 1px solid #dadada;display: block;padding-left: 43px;}
.nav_aside_common .bd .contact{padding: 7px 0;margin-bottom: 15px;text-decoration: none; background: #2158AA; background: linear-gradient(155deg,#4899d7,#3e89cc 40%,#2b68b5 70%,#2158aa);color: #fff;font-size: 24px;}
.nav_aside_common .bd .contact .sprite{width: 36px;height: 36px;margin-right: 15px; background-position: 0 -1800px;}

/*新闻列表*/
.commonHd{text-align: center;margin: 50px auto 40px;}
.commonHd .cn{font-size: 30px;}
.commonHd .en{font-size: 18px;color: #dadada;}
.commonHd .en:after{content: '';display: block;margin: 15px auto;width: 30px;height: 2px;background: #e80000;}
.commonHd .description{color: #7a7a7a;font-size: 13px;margin-bottom: 74px;}

.page{padding: 40px 0;}
.pages{font-size: 0;display: inline-block;margin: 0 auto;}
.pages li{display: inline-block;}
.pages .a1{display: none;}
.pages .a2,
.pages .a5{padding: 0 15px;width: auto;background: #efefef;border-color: #efefef;}
.pages a{border: 1px solid #ccc; color: #3c3c3c;font-size: 12px; border-radius: 3px; vertical-align: middle;text-align: center;width: 30px;height: 30px;line-height: 30px; display: inline-block;margin: 0 4px;vertical-align: middle;}
.pages a:hover{background: #2158aa;color: #fff;text-decoration: none;border-color: #2158aa;}
.pages .pageCur{ background: #2158aa;color: #fff; vertical-align: middle;border-color: #2158aa;}
/*.pages a.page-prev{width: auto;padding: 0 30px;}
.pages a.page-next{width: auto;padding: 0 30px;}*/
.pages a.page-first,
.pages a.page-last{display: none;}


.page_index{margin-bottom: 40px;}

.page_index .culture{}
.page_index .culture tr{background: #e8f1fa; border-bottom: 20px solid #fff;font-size: 16px;}
.page_index .culture .img-responsive{width: 120px;padding: 20px 0;position: relative;z-index: 1;}
.page_index .culture .img-responsive:before{content: '';display: inline-block;width: 50%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1; background: #fff;}
.page_index .culture .info{ padding: 0 0 0 40px;}
.page_index .culture .info strong{color: #2158AA;}


.picturelist{}
.picturelist .bd .box{border: 1px solid #c2c2c2;padding:8px;margin-bottom: 30px;}
.picturelist .bd .box .title{height: 32px; line-height: 40px;overflow: hidden;}
.picturelist .bd .box:hover{border: 1px solid #2158aa;outline: 1px solid #2158aa;color: #2158aa;font-weight: bold;}
.picturelistHonor .bd .box .img-responsive{border: 1px solid #c2c2c2;display: block;}
.picturelistHonor .bd .img-responsive img{max-width: auto;height: 218px;}
.picturelistHonor .bd .img-responsive:after{content: '';width: 100%;height: 100%;display: block;visibility: hidden; transform: scale(0); position: absolute;left: 0;top: 0; background: rgba(0,0,0,0.7) url(../images/scale.png) center center no-repeat;}
.picturelistHonor .bd .title{height: 40px;overflow: hidden;margin: 10px auto;}
.picturelistHonor .box:hover{color: #2158AA;font-weight: bold;}
.picturelistHonor .box:hover .img-responsive:after{visibility: visible;transform: scale(1);}

.lb-container{padding: 25px;}
.lb-data .lb-details{display: none;}
.lb-outerContainer{border-radius:24px ;overflow: initial !important;}
.lb-data .lb-close{margin: -11px;opacity: 1;transition: none;}

.articleList{}
.articleList .bd{}
.articleList .bd .list li{display: block; padding: 20px 0;border-bottom: 1px dashed #ccc;}
.articleList .bd .list li .img-responsive{float: left;}
.articleList .bd .list li .info{margin-left: 250px;min-height: 150px;}
.articleList .bd .list .title{font-size: 16px;line-height: 1;vertical-align: text-top;}
.articleList .bd .list .title:hover{color: #2158AA;}
.articleList .bd .list .time{color: #858585;}
.articleList .bd .list .description{margin-bottom: 20px;}
.articleList .bd .list .more{border: 1px solid #c2c2c2;color: #858585;padding: 2px 20px;}
.articleList .bd .list .more:hover{background: #2158AA;color: #fff;}
.articleList .bd .list .more .sprite{width: 13px;height: 14px;margin-left: 10px; background-position: 0 -1900px;}
.articleList .bd .list .more:hover .sprite{background-position: -50px -1900px;}

.articleShow > .title{font-size: 20px;}
.caseShow .title,
.articleShow > p{padding: 5px 0;border-bottom: 1px dashed #b9b9b9;color: #7a7a7a;}
.articleShow .time{font-size: 13px;}
.articleShow .content{padding: 30px 20px 40px;}
.articleShow .articlePage{padding:15px 0 50px;border-top: 1px dashed #b9b9b9;}
.articleShow .articlePage a:hover{color: #2158AA;}


.bigpic{position: relative;margin-bottom: 20px;}
.bigpic .title{position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px; background: rgba(0,0,0,0.7);color: #fff;padding: 0 15px;text-align: left;}
#slide2 a{border: 3px solid transparent;}
#slide2 .owl-item{padding: 10px 0;}
#slide2 .owl-item img{max-height: 86px;}
#slide2 .arrow-top-b a{border: 3px solid #f38001;}
#slide2 .arrow-top-b:before{border-width: 7px;top: -4px;border-bottom-color: #F38001;}
#slide2 .owl-nav .sprite{width: 25px;height: 40px;margin-top: -20px;}
#slide2 .owl-nav .owl-prev{background-position: 0 -2000px;}
#slide2 .owl-nav .owl-next{background-position: -50px -2000px;}


.productList .box{display: block;padding: 20px 0;}
.productList .img-responsive{width: 240px;height: 160px;border: 1px solid #c2c2c2;padding: 9px;float: left;}
.productList .img-responsive:after{content: '';width: 100%;height: 100%;display: block;visibility: hidden; transform: scale(0); position: absolute;left: 0;top: 0; background: rgba(0,0,0,0.7) url(../images/scale.png) center center no-repeat;}
.productList .img-responsive:hover:after{visibility: visible;transform: scale(1);}
.productList .info{padding-left: 260px;}
.productList .title{font-size: 16px;line-height: 48px;}
.productList .description{height: 66px;overflow: hidden;font-size: 12px;margin-bottom: 10px;}
.productList .more{background: #2158aa;padding: 3px 25px;color: #fff;display: inline-block;}
.productList .more:hover{background: #3070d1;}
.productList hr{border-top: 1px dashed #c2c2c2;}

.pictureListKefu ul{margin: 0 -5px;}
.pictureListKefu ul li{padding: 0 5px;float: left;width: 20%;}
.pictureListKefu ul li .box{}
.pictureListKefu ul li .box .img-responsive{border: 1px solid #c2c2c2;}
.pictureListKefu ul li .box .title{line-height: 40px;margin-bottom: 15px;}

#map{width: 100%;height: 400px;margin:15px auto 40px;}
.page_contact{margin-bottom: 50px;}
.page_contact table{margin: 20px auto;line-height: 2;}
.page_contact table td + td{padding-left: 10px;}
.page_contact legend{font-size: 16px;font-weight: bold;border: none;}
.page_contact legend .tips{color: #858585;font-size: 14px;font-weight: normal;}
.page_contact input{width: 100%;height: 30px;line-height: 30px;padding-left: 10px;margin-bottom: 15px; border: 1px solid #c2c2c2;}
.page_contact textarea{width: 100%;height: 170px;padding-left: 10px;resize: none;border: 1px solid #c2c2c2;margin-bottom: 20px;}
.page_contact button{border-radius: 0;font-size: 14px; padding: 6px 30px;margin: 0 15px; color: #fff;background: #2158aa;}
.page_contact button:hover{color: #fff;}

.swiper-slide{padding: 0 15px 0 0;width: auto !important;float: left;}
.swiper-slide.active a{font-weight: bold; color: #2158aa;}