@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: #06f; }

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

h1,h2,h3,h4,h5,h6{font-weight: 300;margin: 0;}p{margin: 0;}

header .pc-head{position: fixed;top: 0;width: 100%;z-index: 2000;}
header .pc-head .container-fluid{border-bottom:1px solid rgba(255,255,255,.2);}
header .pc-head .logo{margin: 6px 0;display: flex;align-items: center;}
header .pc-head .logo h1{font-weight: 900;padding: 0 12px;color: #fff;}
header .pc-head .logo .photo{position: relative;}
header .pc-head .logo .photo img{max-height: 79px;}
header .pc-head .logo .photo img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}
header .pc-head:hover{background: #fff;}
header .pc-head:hover .logo img:last-child{opacity: 1;}
header .pc-head:hover .logo h1{color: #555;}
header nav *{transition: unset;}
header nav .nav{}
header nav .nav-item a{color: #fff;padding: 12px 18px;font-size: 16px;font-weight: 600;}
header .pc-head:hover .nav-item a{color: #333;}
header .pc-head .nav-item:hover a{color: #fff;}
header nav .nav-item:hover a{background: #FFA909; border-top-left-radius: 6px;border-top-right-radius: 6px;}
header nav .dropdown-menu{background: #FFA909;margin: 0;border-radius: 0;border: 0;padding: 6px;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset; color:#fff;padding: 6px 24px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #333;}
header .pc-head .hotline{color: #fff;padding: 3px 0;}
header .pc-head .hotline h2{font-size: 24px;font-weight: 400;margin: 0;font-family: 'Times New Roman', Times, serif;display: inline-flex;}
header .pc-head .hotline i{font-size: 18px;line-height: 1.5;border: 1px solid #fff;border-radius: 50%;padding: 4px;}
header .pc-head:hover .hotline{border-color: rgba(0,0,0,.2);}
header .pc-head:hover .hotline h2,header .pc-head:hover .hotline h5{color: #333;}
header .pc-head:hover .hotline i{color: #333;border-color: rgba(0,0,0,.7);}

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 h1{color: #555;font-size: 24px;}
header .pc-head.smaller .logo .photo img{max-height: 44px;}
header .pc-head.smaller .logo .photo img:last-child{opacity: 100;}
header .pc-head.smaller .nav {margin: 4px 0 0;}
header .pc-head.smaller .nav-item a{color:#333;}
header .pc-head.smaller .nav-item:hover a{color:#fff;}
header .pc-head.smaller .dropdown-item a:hover{color:#333;}
header .pc-head.smaller .hotline{margin: 6px auto;border-color: rgba(0,0,0,.2);}
header .pc-head.smaller .hotline h2,header .pc-head.smaller .hotline h5{color: #333;}
header .pc-head.smaller .hotline i{color: #333;border-color: rgba(0,0,0,.7);}
header .pc-head.smaller .submenu{top: 44px;}

[class*="home-"]{margin-bottom: 60px;}
[class*="home-"] .channel-title{text-align: center;margin-bottom: 42px;}
[class*="home-"] .channel-title h3{font-size: 30px;color: #1a69e0;}
[class*="home-"] .channel-title h4{font-size: 30px;text-transform: uppercase;color: #757575;}

.home-slide{overflow: hidden;background: #1852ba;position: relative;}
.home-slide img.slidetext{position: absolute;left: 6%;top: 30%;z-index: 10;}
.home-slide .swiper-slide{height: 660px;}
.home-slide .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.home-product .productswiper .swiper-slide a .thumb{height: 410px;overflow: hidden;}
.home-product .productswiper .swiper-slide a .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-product .productswiper .swiper-slide a:hover .thumb img{transform: scale(1.2);}
.home-product .productswiper .swiper-slide a h5{font-size: 16px;text-align: center;line-height: 2;}

.home-about{background: #1a69e0 url(../img/homeabout_bg.jpg) 0 50% no-repeat;height: 600px;padding: 40px 0;}
.home-about .channel-title h3{color: #fff;}.home-about .channel-title h4{color: rgba(255,255,255,.8)}
.home-about .text{color: #fff;line-height: 2.4;text-align: justify;margin-bottom: 24px;}
.home-about .photo{position: relative;}
.home-about .photo img{position: absolute;z-index: 0;top:-200px;right: 0;}
.home-about .container{z-index: 1;position: relative;}
.home-about .aboutswiper{margin-top: 100px;}
.home-about .aboutswiper .swiper-slide{width: 300px;height:300px; border-radius: 50% ;overflow: hidden;border: 6px solid #fff;}
.home-about .aboutswiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.home-case .item{position: relative;overflow: hidden;border-bottom-right-radius: 40px;}
.home-case .item a img{width: 100%;height: 450px;object-fit: cover;}
.home-case .item a .text{position: absolute;width: 100%;height: 60%;z-index: 2;padding: 24px;background: linear-gradient(0deg, rgba(26,105,224,1) 0, rgba(26,105,224,0) 100%);color: #fff;bottom: 0;overflow: hidden;display: flex; flex-direction: column;bottom: 0;}
.home-case .item a .text h3{font-size: 18px;font-weight: 600 ;margin-bottom: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 42px;transform: translateY(160px);}
.home-case .item a .text p{font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;line-height: 2;transform: translateY(180px);}
.home-case .item a:hover .text{height: 80%;}
.home-case .item a:hover .text h3, .home-case .item a:hover .text p{transform: translateY(60px);}

.home-news{background: #f0f0f0 url(../img/homenews_bg.gif) 0 0 no-repeat;height: 600px;padding: 40px 0;}
.home-news .newswiper{padding: 18px;}
.home-news .newswiper .swiper-slide{background: #fff;padding: 12px;border-bottom-right-radius: 40px;box-shadow: 0 0 18px rgba(0,0,0,.2);}
.home-news .newswiper .swiper-slide:hover{transform: translateY(-6px);box-shadow: 0 6px 18px rgba(0,0,0,.2);}
.home-news .newswiper .swiper-slide .thumb{height: 240px;margin-bottom: 12px;}
.home-news .newswiper .swiper-slide .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-news .newswiper .swiper-slide h5{font-size: 16px;overflow: hidden;text-overflow: ellipsis;line-height: 3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.home-partners .item{border: 1px solid #eee;}
.home-partners .item img{width: 100%;height: 100%;object-fit: cover;}
.home-partners .item:hover{box-shadow: 0 6px 18px rgba(0,0,0,.1);transform: translateY(-6px);}

a.home-more{padding: 6px 42px;border-radius: 30px;display: inline-flex;background: orange;color: #fff;font-size: 14px;}
a.home-more:hover{box-shadow: 0 0 18px rgba(0,102,255,1);}

footer{background: #282828 url(../img/footer_bg.gif) 5% 50% no-repeat;padding-top: 48px;border-top: 6px solid #1852ba;color: #fff;}
footer .navi{padding: 0;display: flex;}
footer .navi li{margin-right: 24px;}
footer .navi li a{color: #fff;font-weight: 600;}
footer .navi li a:hover{text-shadow: 0 0 12px #fff;}
footer h5{font-size: 30px;font-weight: 600;}
footer .address{color: rgba(255,255,255,.4);font-size: 14px;line-height: 2;}
footer .copy{color: rgba(255,255,255,.4);font-size: 14px;text-align: center;line-height: 4;border-top: 1px solid rgba(255,255,255,.1);text-transform: uppercase;}
footer .copy a{color: rgba(255,255,255,.6);}
.m-nav-foot,.m-copy{display: none;}

/* 内页 */
.subslide{height: 400px;background: #1852ba;background-position: 0% 50%; background-repeat: no-repeat;background-size: auto 100%;}
.subslide .title{margin-top: 12%;color: rgba(255,255,255,.6);font-size: 48px;width: auto;text-align: right;line-height: 1;}
.subslide .title p{margin-bottom: 0;text-transform: uppercase;}.subslide .title p:last-child{font-size: 30px;}
.main{margin: 24px auto;min-height: 50vh;}
.head-title{text-align: center;margin: 24px auto;}
.head-title h2{font-size: 30px;}.main .head-title h3{font-size: 16px;text-transform: uppercase;}
.main .list .item{overflow: hidden;padding: 12px;box-shadow: 0 0 18px rgba(0,0,0,.1);display: flex;flex-direction: column;border-bottom-right-radius: 40px;}
.main .list .item .thumb{margin-bottom: 12px;overflow: hidden;height: auto;}
.main .list .item .thumb img{width: 100%;height: 100%;object-fit: cover;}
.main .list .item h5{font-size: 16px;line-height: 3;}
.main .list .item:hover{box-shadow: 0 6px 18px rgba(0,0,0,.15);transform: translateY(-6px);}
.main .list .item:hover .thumb img {transform: scale(1.1);}
.main .content{text-align: justify;line-height: 2;}
.main .content img{max-width: 100%;}

.main .pagination{justify-content: center;margin: 24px auto;}
.main .pagination li a,.main .pagination li span{margin-right: 1px;padding: 6px 12px;border: 1px solid #eee;border-radius: 5px;display: block;}
.main .pagination li.active span{background: #1852ba;border-color: #1852ba;color: #fff;}
.main .pagination li a{}
.main .pagination li a:hover{background: #f30;color: #fff;border-color: #f30;}
.main .page{padding: 24px 6px;}

.history{background: #294c5c url(../img/history.jpg?1) 50% 50% no-repeat ;height: 540px;padding: 60px 0;overflow: hidden;}
.history ul{color: #fff;padding: 0;}
.history ul li{line-height: 1.6;padding: 6px;padding-left:30px;font-size: 14px;text-shadow: 0 0px 2px #000;}
.history ul li strong{font-size: 24px;font-weight: bold;display: flex;}
.history ul li::before{content: '';width: 10px;height: 10px;border-radius: 5px;background: #fff;display: flex;transform: translate(-30px,24px);}
.historyswiper{height: 420px;}
.historyswiper .swiper-slide{box-sizing: border-box;-webkit-box-sizing: border-box;height: auto;}

.honor{margin: 48px auto;}
.honorswiper .swiper-slide{height: auto;}
.honorswiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

aside dl{box-shadow: 0 0 18px rgba(0,0,0,.1);display: flex;flex-direction: column;}
aside dt{padding: 24px 18px 12px;background: #f90;font-size: 18px;color: #fff;margin-bottom: 1px;}
aside dd{background: #fff;margin-bottom: 1px;padding: 0 18px;}
aside dd a{display: block;padding: 6px 0;border-bottom: 1px solid #eee;font-size: 15px;}
aside dd a:hover{padding-left: 6px;color: #f00;}

@media (max-width:1600px) {
  header .pc-head .logo h1{font-size: 36px;}
}
@media (max-width:1440px) {
  header .pc-head .logo .photo img{max-height: 54px;}
  header .pc-head .logo h1{font-size: 30px;}
  header nav .nav-item a{padding: 12px;}
  header .pc-head .hotline i{font-size: 18px;}
  header .pc-head .hotline h2{font-size: 24px;}
  .home-slide .swiper-slide{height: 560px;}
}
@media (max-width:1280px) {
  .home-about .aboutswiper .swiper-slide{height: 250px;}
  footer h5{font-size: 24px;}
}
@media (max-width:1024px) {
  .pc-head{display: none;}
  header .m-head{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;padding:5px 0;align-items: center;}
  header .m-head .m-head-logo img{height: 36px}
  header .m-head .m-head-logo h2{font-size: 20px;font-weight: 700;padding-left: 6px;}
  header .m-head .m-head-menu .menu-open{float: right;color: #555;}
  header .m-head .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  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%;}
  
  [class*="home-"]{margin-bottom: 30px;}
  [class*="home-"] .channel-title{text-align: center;margin-bottom: 30px;}
  [class*="home-"] .channel-title h3{font-size: 24px;}
  [class*="home-"] .channel-title h4{font-size: 24px;}
  
  .home-slide{margin-top: 60px;}
  .home-slide img.slidetext{width: 30%;}
  .home-slide .swiper-slide{height: 380px;}
  .home-product .productswiper .swiper-slide a .thumb{height: auto;}
  .home-about{background-position: 0% 100%;margin-bottom: 100px;}
  .home-about .aboutswiper .swiper-slide{height: 205px;}
  .home-about .photo img{width: 60%;top:120px;}
  .home-about .text{line-height: 1.7;}
  .home-about .aboutswiper{margin: 0;}
  .home-case .item a img{height: 380px;}
  .home-case .item a .text h3{transform: translateY(120px);}
  .home-news{height: 520px;}
  footer{display: none;}
  .m-nav-foot,.m-copy{display: flex;width: 100%;}
  .m-copy{padding-bottom: 80px;font-size: 14px;text-transform: uppercase;justify-content: center;color: #999;}
  .m-nav-foot{justify-content: space-around;}
  .m-nav-foot{display: block;position: fixed;bottom: 0;box-shadow: 0 -1px 12px rgba(0,0,0,.1);z-index: 999;background: #fff;padding: 6px 0;}
  .m-nav-foot .item{font-size: 12px;display: block;text-align: center;}
  .m-nav-foot .item i{display: block;width: 100%;font-size: 30px;line-height: 1;color: #555;}
  
  /* 内页 */
  .subslide{height: 260px;margin-top: 60px;}
  
  aside dl{flex-direction: row;flex-wrap: wrap;}
  aside dt{display: none;}
  aside dd{width: calc(33% - 2px);margin: 1px 1px 0 0;}
  aside dd a{}
}
@media (max-width:768px) {
  .home-slide .swiper-slide{height: 320px;}
  .home-about{height: auto;}
  .home-about .photo img{top: 180px;}
  .home-about .aboutswiper .swiper-slide{height: 330px;}
  .history{padding: 10px 0;}
  .history .historyswiper{height: 360px;}
}
@media (max-width:425px) {
  .home-slide img.slidetext{width: 36%;left: 2%;top: 12%;}
  .home-slide .swiper-slide{height: 280px;}
  .home-about{height: 720px;background-position: 20% 100%;margin-bottom: 100px;}
  .home-about .photo img{top: 340px;width: 100%;}
  .home-about .aboutswiper .swiper-slide{height: 186px;}
  .home-case .item a img{height: 320px;}
  .home-case .item a .text{padding: 12px;}
  .home-case .item a .text h3{transform: translateY(120px);}
  
  /* 内页 */
  .subslide{height: 180px;background-position: -120px 50%;}
  .main .list .item{padding: 0;}
  .main .list .item .thumb{margin-bottom: 0px;}
  .main .list .item h5{font-size: 15px;line-height: 1.2;padding: 6px;}
  
  aside dl{box-shadow: none;}
  aside dd{width: calc(50% - 1px);margin: 1px 1px 0 0;padding: 0 6px;background: #eee;}
}