@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #2e61bc; }

*{margin: 0;padding: 0;list-style: none;transition: all .5s ease;-webkit-transition: all .5s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 16px;font-family: Microsoft Yahei;font-weight: 400;perspective: unset!important;}
a{color: #333;text-decoration: none;}
a:hover{color: #014397;}

h1,h2,h3,h4,h5,h6{font-weight: 400;margin: 0;}
.container-fluid{max-width: 1200px;}

header .pc-head{width: 100%;background: #fff;position: fixed;z-index: 1020;box-shadow: 0 0 18px rgba(0,0,0,.2);}
header .pc-head .logo img{margin: 10px 0;max-height: 80px;}
header .pc-head nav{}
header .pc-head nav *{transition: unset;}
header .pc-head nav .nav-item a{color: #000; padding:18px;font-size: 16px;font-weight: lighter;background-size: 18px auto;background-position: 6px 50%;background-repeat: no-repeat;}
header .pc-head nav .nav-item a:hover{color: #014397;}
header .pc-head nav .nav-item a.active{}
header .pc-head nav .nav-item:hover a{}
header .pc-head nav .dropdown-menu{background: rgba(0,0,0,.8);margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 0;}
header .pc-head nav .dropdown-menu .dropdown-item {padding: 0 6px;}
header .pc-head nav .dropdown-menu .dropdown-item:hover {background: rgba(255,255,255,.8);}
header .pc-head nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;color: #ffffff;}
header .pc-head nav .dropdown-menu .dropdown-item a:hover{color: #333;}
header .pc-head nav .nav{display: flex;justify-content: space-between;}
header .m-head, header .m-nav{display: none;}
header .pc-head.smaller{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
header .pc-head.smaller .logo{margin: 5px 0;}
header .pc-head.smaller .logo img{max-height: 44px;margin: 0;}
header .pc-head.smaller .submenu{top: 44px;}
header .pc-head.smaller nav .nav-item a{padding:10px 12px 10px 30px;}

.search{margin-top: 7px;text-align: right;}
.search form{position: relative;}
.search .keyword{border: 0;height: 28px;line-height: 30px;outline: none;border-radius: 20px;border: 1px solid; width: 120px;}
.search .tjiao{width: 32px;height: 32px; background:url("../img/search.png") ; background-repeat: no-repeat; border: 0; outline: none; content: ""; position: absolute;right: -10px; top: 15%;}

.min-height{min-height: 500px;}

[class^="home-"]{}
[class^="home-"]>.title{text-align: center;margin-bottom: 30px;position: relative;}
[class^="home-"]>.title h2{font-size: 30px;font-weight: 500;color: #014397; width: 100%;margin-bottom: 5px;}
[class^="home-"]>.title h3{font-size: 16px;color: #000;text-transform: uppercase;}

.bg_write{background-color: #ffffff;padding: 30px;box-shadow: 0 0 12px rgba(0,0,0,.8) ;}
.ab_bg{background: url('../img/ab_bg.jpg') no-repeat;background-position: center top;margin-bottom: 60px;}
.home-about .title_ab{text-align: center;margin-bottom: 30px;position: relative;padding-top: 95px;}
.home-about .title_ab h2{font-size: 30px;font-weight: 500;color: #ff6500; width: 100%;margin-bottom: 5px;}
.home-about .title_ab h3{font-size: 16px;color: #000;text-transform: uppercase;}

.home-slide{overflow: hidden;padding-top: 134px;} 

.home-about .body{ padding-top: 30px;}
.home-about .body .item{position: relative;}
.home-about .body .item:hover{box-shadow: 0 0 12px rgba(255,255,255,.8);background: rgba(255,255,255,1);}
.home-about .body .item:hover a .thumb img{transform: scale(1.05);}
.home-about .body .item a{color: #212121;}
.home-about .body .item:hover a{color: #666;}
.home-about .body .item a .title{font-size: 30px;margin-bottom: 12px;font-weight: 600;}
.home-about .body .item a .thumb{overflow: hidden;}
.home-about .body .item a .text{line-height: 1.7;margin: 0;text-indent: 2rem;text-align: justify;}
.home-about .body .item a button.more{color: #ff6500;padding: 6px 0px;transition: 1s;}


.home-products .list_menu{display: flex; justify-content: space-between;margin: 40px auto;position: relative;}
.home-products .list_menu span{display: inline-block;background-color: #014397;padding: 5px 40px;}
.home-products .list_menu span:hover{background-color: #ff6500;border-radius: 20px;}
.home-products .list_menu span a{color: #ffffff;}
.home-products .pro-item .thumb{overflow: hidden;margin-bottom: 10px;position: relative;height: 240px;border: 1px solid rgba(0,0,0,.2);}
.home-products .pro-item .thumb img{object-fit: cover;width: 100%;height: 100%;}
.home-products .pro-item .thumb:hover img{transform: scale(1.1);}
.home-products .pro-item .thumb .text{position: absolute;top: 0;left: 0;background: rgba(0,153,255,.8);width: 100%;height: 100%;display: flex;text-align: center;padding: 12px;color: #fff;opacity: 0;line-height: 2;}
.home-products .pro-item .thumb:hover .text{opacity: 1;}



.home-solutions{background: url(../img/hon_bg.jpg) no-repeat center;padding: 24px 0;margin-top: 50px;}
.home-solutions .title_hon{text-align: center;margin: 50px auto;position: relative;}
.home-solutions .title_hon h2{font-size: 30px;font-weight: 500;color: #fff; width: 100%;margin-bottom: 20px;}
.home-solutions .title_hon h3{font-size: 16px;color: #ff6500;text-transform: uppercase;}

.home-honor{position: relative;}
.home-honor .left {margin-top: 40px;}
.home-honor .left div{color: #ff6500;font-size: 30px;font-weight: 600;}
.home-honor .left div span{color: #b5b3b4;font-size: 30px;font-weight: 100;}
.home-honor .left div p{font-size: 14px;color: #161616;font-weight: 100;}


.home-hezuo{background: #f0f0f0;padding-top: 40px;}
.home-hezuo .body{padding: 30px 0;}
.home-hezuo .item{background:#ffffff;display: block;text-align: center; color: #000;}
.home-hezuo .item:hover{transform: translateY(-12px);box-shadow: 0 0 18px rgba(255,255,255,.8);background: #fff;}
.home-hezuo .item .thumb{height: 220px;box-sizing: border-box;}
.home-hezuo .item h5{font-size: 16px;padding: 5px 0;}
.home-hezuo .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-hezuo .item .text{position: absolute;width: calc(100% - 24px);height: calc(100% - 24px);top: 0;left: 0;background: rgba(0,0,0,.4);display: flex;justify-content: center;align-items: center;margin: 12px;color: #fff;}
.home-hezuo .item span, .home-hezuo .item h3{line-height: 1;}
.home-hezuo .item:hover span, .home-hezuo .item:hover h3{color: #666;}

.home-news{background: #f0f0f0;padding: 40px 0;}
.home-news .item{background: #fff;display: block;border: 1px solid rgba(0,0,0,.1);position: relative;}
.home-news .item p{font-size: 14px;height: 50px;margin-left: 20px;}
.home-news .item:hover{transform: translateY(-12px);box-shadow: 0 12px 12px rgba(0,0,0,.2);}        
.home-news .item .thumb{overflow: hidden;}
.home-news .item .thumb img{width:100%;height: 100%;object-fit: contain;}
.home-news .item .box{height: 70px;width: 80px;background-color: #ff6500;position: absolute;bottom: 20%;left: 5%;}
.home-news .item h5{margin-left: 100px;font-size: 16px;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 6px;}

footer{background:#014397;padding-top: 30px;}
footer .ewm{color: #fff;border-left: 1px solid rgba(255,255,255,.2);text-align: center;width: 100%;font-size: 12px;}
footer .footnavi{display: flex;justify-content: space-between;}
footer .footnavi dl{display: inline-block;margin: 0 25px;}
footer .footnavi dl p{font-size: 14px;color: #fff;font-weight: lighter;}
footer .footnavi dt{margin-bottom: 15px;}
footer .footnavi dt a{color: #fff;font-size: 16px;}
footer .footnavi dd a{color: rgba(255,255,255,.6)}
footer .footnavi dd a:hover{color: #ff6500;}
footer .contact{color: rgba(255,255,255,.6);border-right: 1px solid rgba(255,255,255,.2);width: 100%;}
footer .contact h3{font-size: 18px;}
footer .contact h4{font-size: 10px;text-transform: uppercase;margin-bottom: 10px;}
footer .contact p{margin-bottom: 0;font-size: 12px;line-height: 2;}
footer .copy{border-top: 1px solid rgba(255,255,255,.2);line-height: 3;color: rgba(255,255,255,.4);font-size: 12px;text-transform: capitalize;margin-top: 15px;text-align: center;text-transform: uppercase;}
.m-copy,.m-foot{display: none;}

.myoffc{height: auto!important;}
.offcanvas{background: linear-gradient(to right,#509ede,#0b60cd);}
.offcanvas input{border-radius: 25px;border: none;width: 100%;}
.offcanvas .col-auto:nth-child(3) input{width: 100%;}
.offcanvas .btn{border-radius: 25px;padding-left: 30px;padding-right: 30px;background: #0a3622;color: #fff;}


.pager{padding-left: 0;margin: 17px 0;list-style: none;text-align: center;}
.pager .pagination{margin: 0; display: inline-block; padding-left: 0; border-radius: 3px;}
.pager li{margin: 0 0.4em; display: inline-block;}
.pager li > a, .pager li > span{background: none;border: 1px solid #e6e6e6;  border-radius: 0.25em;  padding: 0.5em 0.93em;  font-size: 14px;display: inline-block;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  z-index: 3;
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
  cursor: default;
}

/* 内页 */
.main{padding-top: 170px;padding-bottom: 50px;}
.main .breadcrumb{font-size: 14px;color: #999;}
.main .contents h1,.main .contents h5{text-align: center;line-height: 1.6;}
.main .contents h5{font-size: 14px;color: #ccc;}
.main .contents .content{margin: 24px 0;}
.main .contents .content{line-height: 2;}
.main .content-twlb{margin: 24px 0;}
.main .content-twlb .content-item{display: block;box-shadow: 0 0 18px rgba(0,0,0,.1);padding: 6px;}
.main .content-twlb .content-item .thumb{height: 200px;overflow: hidden;}
.main .content-twlb .content-item .thumb img{object-fit: cover;width: 100%;height: 100%;}
.main .content-twlb .content-item h3{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2;text-align: center;}
.main .content-twlb .content-item:hover{transform: translateY(-6px);box-shadow: 0 6px 18px rgba(0,0,0,.1);}
.main .content-wzlb{margin: 24px 0;}
.main .content-wzlb .content-wzlb-item{border-bottom: 1px dotted #ccc;display: block;padding: 12px 0;}
.main .content-wzlb .content-wzlb-item:hover{border: 0;box-shadow: 0 6px 18px rgba(0,0,0,.2);transform: translateY(-6px);padding:12px;margin:0 -12px;}
.main .content-wzlb .content-wzlb-item .date{width: 80px;height: 80px;text-align: center;font-size: 30px;background: #eee;border-radius: 6px;line-height: 1.2;padding: 15px;float: left;margin-right: 12px;}
.main .content-wzlb .content-wzlb-item:hover .date{background: #ff6500;color: #fff;}
.main .content-wzlb .content-wzlb-item .date span{font-size: 12px;display: block;}
.main .content-wzlb .content-wzlb-item h2{font-size: 24px;line-height: 2;}
.main .content-wzlb .content-wzlb-item p{color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main .content-zscq .content-item{border: 1px solid #eee;display: block;padding: 6px;}
.main .content-zscq .content-item:hover{border-color: #014397;}
.main .content-zscq .content-item h3{font-size: 16px;text-align: center;line-height: 2;}
.main .content-zscq .content-item .thumb{height: 300px;overflow: hidden;}
.main .content-zscq .content-item .thumb img{object-fit: contain;width: 100%;height: 100%;}
.main .breadcrumb .breadcrumb-item::before,.main .breadcrumb a{color: #999;}
.main .pro_txt{display: flex;flex-direction: column;justify-content: space-between;}
.main .pro_txt .pro_top{font-size: 24px;}
.main .pro_txt .pro_contact{margin: 12px 0;padding: 12px;background: linear-gradient(45deg, #014397 0%, #74b0e9 100%);border-radius: 6px;color: #fff;}
.main .pro_txt .pro_contact p{margin: 0;display: flex;}
.main .pro_txt .pro_contact i::before{font-size: 24px;margin-right: 6px;}
.main .pro_jscs img{width: 60%!important;}
.main .pro_bottom{margin-top: 12px;}
.main .pagenavi{padding: 0;line-height: 2;font-size: 14px;}
.main .pagenavi a{display: block;}
.main .content-contact ul{padding: 0;display: flex;flex-wrap: wrap;}
.main .content-contact ul li{width: calc(50% - 4px);border: 1px solid #ccc;padding: 6px;margin: 1px;}
.main .thumbgroup-item{height: 300px;overflow: hidden;border: 1px solid #ccc;padding: 6px;}
.main .thumbgroup-item img{width: 100%;height: 100%;object-fit: contain;}

.sidebar{top:110px;z-index: 1000;}
.sidebar .submenu{background:#014397;;padding: 18px;}
.sidebar .submenu dl{margin: 0;}
.sidebar .submenu dl dt{font-size: 24px;font-weight: 400;color: #fff;border-bottom: 1px solid rgba(255,255,255,.6);margin-bottom: 12px;}
.sidebar .submenu dl dd{margin: 0;border-bottom: 1px dashed rgba(255,255,255,.2);}
.sidebar .submenu dl dd:last-child{border-bottom: none;}
.sidebar .submenu dl dd a{color: #fff;line-height: 2.6;display: block;}
.sidebar .submenu dl dd a:hover{transform: translateX(6px);}
.sidebar .contactbox{background: #014397;color: #fff;padding:18px;margin-top: 6px;}
.sidebar .contactbox h3{font-size: 24px;margin-bottom: 12px;}
.sidebar .contactbox p{line-height: 1.4;margin-bottom: 6px;font-size: 14px;}

@media (max-width:1024px) {
  body{overflow-x: hidden;}
  .pc-head{display: none;}
  header .m-head{display: block;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:1050;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;}
  header .m-head .m-head-logo img{max-height: 38px}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 4px 5px;}
  header .m-head .m-head-menu .menu-open img{max-height: 30px;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  
  
  .home-slide{margin-top:48px ;padding: 0;}
  .home-slide .swiper-slide{height: 210px;}
  .home-slide .swiper-slide img{object-fit: cover;height: 100%;}
  .home-products .productSwiper{padding: 20px 12px 36px;}
  .home-process .process-item .text{padding: 10px;}
  .home-process .process-item .text h2{line-height: 1;}
  .home-process .process-item:hover .text p{opacity: 1;margin-top: 20px;}
  .home-honor .title{margin-bottom: 60px;}
  .home-honor .title h3{font-size: 26px;}
  .home-honor .hd{padding:20px 0 30px;}
  .home-honor .item .thumb{height: 180px;}
  .home-hezuo .item .thumb{height: 240px;}
  .home-solutions .catalog{margin-right: -6px;}
  .home-solutions .catalog li{width: 50%;float: left;padding-right: 6px;}
  .home-solutions .catalog li a{padding: 12px}
  .home-solutions .catalog li a::before{content: '';width: 0;height: 0;right:0;bottom: 0;}
  .home-solutions .solu-item .text h3{font-size: 16px;}
  .home-solutions a.item .thumb{height: 200px;}
  .home-solutions .gcshow .col{width: 50%;flex:0 0 auto;margin: 3px 0;}
  .home-solutions .gcshow .col:last-of-type{width: 100%;}
  .home-news .item h5{margin: 0;text-align: center;}
  .main .content-contact ul li{width: 49%;}
  footer .copy{font-size: 9px;}
  footer .footnavi dl{margin: 0 15px;}
  
  /* 内页 */
  .main{padding: 50px 0 0 0;margin: 0;}
  .main .contactbox{display: none;}
  .main .sidebar{top:0;position: unset;}
  .main .sidebar .submenu{padding: 6px 0;overflow: hidden;background: none;}
  .main .sidebar .submenu dl{margin: 0;}
  .main .sidebar .submenu dt{display: none;}
  .main .sidebar .submenu dd{width: 50%;float: left;}
  .main .sidebar .submenu dd a{display: block;background: #fff;margin: 1px;text-align: center;border: 1px solid #ccc;color: #333;}
  .main .sidebar .submenu dd a.active{background: #12b3a5;color: #fff;}
  .main .shadow{box-shadow: none!important;}
  .main .content-twlb .content-item .thumb{height: 160px;}
  .main .content-twlb .content-item h3{font-size: 16px;}
  .main .content-wzlb .content-wzlb-item h2{font-size: 16px;line-height: 1.6;font-weight: 600;}
}
@media (max-width:768px) {
  .main .content-contact ul li{width: 100%;}
  footer{display: none;}
  .m-copy,.m-foot{display: block;}
  .m-copy{padding: 30px 0 80px;text-align: center;color: #999;}
  .m-foot{position: fixed;bottom: 0;z-index: 1050;width: 100%;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.2);padding: 6px 0;}
  .m-foot a{display: block;text-align: center;line-height: 1;font-size: 14px;}
  .m-foot a i{width: 100%;display: block;}
  .m-foot a i::before{font-size: 30px;}
}