.header{background:#f3f3f3;}
.header .navbar-header{padding-top:20px;padding-bottom:20px;}
.header .container{position:relative;}
.navbar-toggle{position:absolute;z-index:1000;width:30px;height:30px;right:0px;top:30px;background-color:transparent;border:0;}
.navbar-toggle span{margin-top:10px}
.navbar-toggle span,.navbar-toggle span:before,.navbar-toggle span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#0064af;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.navbar-toggle span:before{top:-10px}
.navbar-toggle span:after{bottom:-10px}
.navbar{position:absolute;width:100%;z-index:99;display:none;}
.navbar ul{width:100%;display:block;}
.navbar ul li{height:50px;line-height:50px;border-bottom:1px solid #838383;background:#fff;padding-left:15px;padding-right:15px;}

.footer-write{height:120px;}
.footer-short{background:#050606;width:100%;position:fixed;bottom:0px;left:0px;font-size:1rem;padding-top:13px;padding-bottom:13px;}
.footer-short ul li{float:left;width:25%;text-align:center;color:#fff;}
.footer-short ul li img{width:30%;}
.footer-short ul li span{display:block;}
.footer-short a{color:#fff;}
.swiper-container img{width:100%;}

.shortcut-wrap{margin-top:50px;}
.shortcut-wrap .container{position:relative;}

@media (min-width:320px){
  .shortcut-wrap .container a{position:absolute;width:50px;height:50px;display:inline-block;text-align:center;line-height:50px;color:#fff;text-indent:-999px;overflow:hidden;}
  .shortcut-wrap .container a.a1{left:120px;top:0px;}
  .shortcut-wrap .container a.a2{left:0px;top:25px;}
  .shortcut-wrap .container a.a3{right:0px;top:25px;}
  .shortcut-wrap .container a.a4{left:0px;bottom:29px;}
  .shortcut-wrap .container a.a5{left:120px;bottom:4px;}
  .shortcut-wrap .container a.a6{right:0px;bottom:29px;}
}
@media (min-width:360px){
  .shortcut-wrap .container a{position:absolute;width:60px;height:60px;display:inline-block;text-align:center;line-height:60px;color:#fff;text-indent:-999px;overflow:hidden;}
  .shortcut-wrap .container a.a1{left:135px;top:0px;}
  .shortcut-wrap .container a.a2{left:0px;top:25px;}
  .shortcut-wrap .container a.a3{right:0px;top:25px;}
  .shortcut-wrap .container a.a4{left:0px;bottom:29px;}
  .shortcut-wrap .container a.a5{left:135px;bottom:4px;}
  .shortcut-wrap .container a.a6{right:0px;bottom:29px;}
}
@media (min-width:414px){
  .shortcut-wrap .container a{position:absolute;width:70px;height:70px;display:inline-block;text-align:center;line-height:70px;color:#fff;}
  .shortcut-wrap .container a.a1{left:157px;top:0px;}
  .shortcut-wrap .container a.a2{left:0px;top:31px;}
  .shortcut-wrap .container a.a3{right:0px;top:31px;}
  .shortcut-wrap .container a.a4{left:0px;bottom:35px;}
  .shortcut-wrap .container a.a5{left:157px;bottom:4px;}
  .shortcut-wrap .container a.a6{right:0px;bottom:35px;}
}
.shortcut-wrap img{width:100%;}
.shortcut-box{text-align:center;margin-top:50px;}
.shortcut-box a{color:#fff;padding:10px 30px;background:#0064af;font-size:1.2rem;}
/*内页公共*/
.page-slider img{width:100%;}
.page-detail{margin-top:50px;}
.page-detail,.page-honor-detail,.page-view-detail{line-height:25px;color:#666;}
.page-detail img, .page-honor-detail img, .page-view-detail img{max-width:100%;}
.pagination {text-align:center;margin-top:40px;margin-bottom:20px;}
.pagination a{padding:10px 15px;background:#999999;margin:0 5px;color:#fff;}
.pagination span{background:#0064af;padding:10px 15px;color:#fff;margin:0 5px;}
.page-view-wrap{margin-top:50px;}
.page-view-wrap .page-view-title{min-height:60px;line-height:30px;font-size:1.2rem;text-align:center;font-weight:bold;}

/*荣誉资质*/
.page-honor-lists{margin-top:50px;}
.page-honor-lists img{width:100%;}
.page-honor-lists span{height:50px;line-height:50px;text-align:center;display:block;font-size:1rem;}
.page-honor-wrap{margin-top:50px;}
.page-honor-wrap .page-honor-title{height:60px;line-height:60px;font-size:1.2rem;text-align:center;font-weight:bold;}

/*5S*/
.page-5s-cate{text-align:center;margin-top:50px;margin-bottom:50px;}
.page-5s-cate a{width:35%;padding:15px 0px;font-size:1.2rem;text-align:center;display:inline-block;background:#313131;color:#fff;margin:0px 3%;}
.page-5s-cate a.active{background:#dd0f0f;}
.page-5s-box{margin-top:70px;}
.page-5s-box fieldset{width:100%;border:1px solid #fc9e01;margin-top:50px;position:relative;}
.page-5s-box fieldset legend{font-size:1.3rem;left:50%;margin-left:-20%;color:#fc9e01;position:absolute;top:-30px;background:#fff;width:40%;text-align:center;}
.page-5s-box fieldset .desc{padding:15px;line-height:30px;font-size:1rem;margin-top:20px;}
.page-5s-box fieldset i{font-style:normal;position:absolute;right:-10px;top:-13px;color:#fff;background:#fc9e01;width:25px;height:25px;display:inline-block;border-radius:100%;text-align:center;line-height:25px;}
.page-5s-contrast{margin-top:50px;}
.page-5s-contrast>.container>h3{text-align:center;font-weight:normal;font-size:1.3rem;margin-bottom:30px;}
.page-5s-contrast ul{margin-left:-5%;}
.page-5s-contrast ul li{float:left;width:45%;margin-left:5%;}
.page-5s-contrast li img{width:100%;}
.page-5s-contrast ul li span{font-size:1rem;height:50px;height:50px;display:block;line-height:50px;color:#666666;}
.page-5s-contrast h4{color:#666;height:50px;line-height:50px;font-weight:normal;}
.page-5s-contrast dl{margin-left:-2.3%;}
.page-5s-contrast dt{width:31%;float:left;margin-left:2.3%;}
.page-5s-contrast dt img{width:100%;}
.page-5s-lists li{width:100%;}
.page-5s-lists li img{width:100%;}
.page-5s-lists li span{height:50px;text-align:center;line-height:50px;font-size:1rem;display:block;}

/*产品中心*/
.page-product-cate{text-align:center;margin-top:50px;margin-bottom:50px;}
.page-product-cate a{width:27%;height:80px;overflow:hidden;font-size:1.2rem;text-align:center;display:flex;justify-content:center;align-items:center;background:#313131;color:#fff;margin:0px 3%;float:left;padding:0px 2%;}
.page-product-cate a.active{background:#dd0f0f;}
.page-product-lists li{display:inline-block;width:100%;margin-bottom:30px;}
.page-product-lists .imgs{width:50%;float:left;}
.page-product-lists .imgs img{width:90%;}
.page-product-lists .texts{float:right;width:50%;}
.page-product-lists .texts a.tit{display:block;width:100%;font-size:1rem;}
.page-product-lists .texts p{margin-top:5px;font-size:0.85rem;color:#666666;height:43px;line-height:20px;overflow:hidden;text-overflow:ellipsis;}
.page-product-lists .texts em{font-style:normal;display:block;text-align:right;margin-top:5px;}
.page-product-lists .texts em a{color:#999;}
.page-product-lists li:nth-child(even) .imgs{float:right;text-align:right;}
.page-product-lists li:nth-child(even) .texts{float:left;}

/*运用领域*/
.page-apparea-lists{margin-top:50px;}
.page-apparea-lists ul{margin-left:-3%;}
.page-apparea-lists li{width:47%;float:left;margin-left:3%;}
.page-apparea-lists li img{width:100%;}
.page-apparea-lists li span{height:50px;line-height:50px;display:block;text-align:center;font-size:1rem;}

/*工程案例*/
.page-project-cate{text-align:center;margin-top:50px;}
.page-project-cate a{width:100px;height:40px;text-align:center;background:#0064af;line-height:40px;margin:0px 2% 15px 2%;display:inline-block;color:#fff;font-size:1rem;}
.page-project-cate a.active{color:#fc9e01;}
.page-project-lists{margin-top:50px;}
.page-project-lists ul{margin-left:-3%;}
.page-project-lists li{width:47%;float:left;margin-left:3%;}
.page-project-lists li img{width:100%;}
.page-project-lists li span{height:50px;line-height:50px;display:block;text-align:center;}

/*汉高辅材*/
.page-view-pro{margin-bottom:30px;}
.page-view-pro .imgs{width:100%;float:left;font-size:1rem;text-align:center;}
.page-view-pro .imgs img{width:100%;}
.page-view-pro .imgs span{display:block;width:100%;text-align:left;font-size:1.3rem;padding:15px 0px 10px 0px;}
.page-view-pro .texts{width:100%;float:right;font-size:1rem;color:#666666;line-height:28px;}
.page-view-pro .texts a{background:#0896de;color:#fff;padding:10px 30px;border-radius:10px;display:inline-block;margin-top:10px;}
.page-view-cate{border-bottom:1px solid #0896de;}
.page-view-cate span{font-size:1.2rem;color:#fff;height:40px;padding-left:15px;padding-right:15px;line-height:40px;background:#0896de;display:inline-block;}
.page-contact-cate{text-align:center;font-size:1.5rem;margin-top:50px;margin-bottom:30px;}
.page-contact-detail{font-size:1rem;line-height:28px;color:#666;}