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


body{cursor: default;color: #333;background: #fff;font-weight: 200;}
a{color: #333;transition: -moz-all 1s;-webkit-transition: all 1s;}
a:hover{color: #f30;text-decoration: none;}
.animsition{transition: all 1s ease, opacity 1.5s ease; opacity: 0;}

header .header-top{background: #15549a; color: #83bcfa;font-size: 12px;padding-top: 10px;padding-bottom: 10px;}
header .header-top a{color: #83bcfa;}
header .header-body{padding-top: 15px;padding-bottom: 15px;}
header .header-body .logo{background: url(../img/logo.png) left top no-repeat;padding-left:90px ;}
header .header-body h1{font-size: 22px;color: #15549a;margin-top: 15px;margin-bottom: 5px;}
header .header-body h3{font-size: 16px;color: #999;font-weight: 300;}
header .header-body nav{margin-top: 30px;}
header .header-body nav .nav-link{font-weight: 500;}
header .header-body nav .nav-item:hover .nav-link{color: #f30;}
header .header-body nav .dropdown-item a{display: block;}

header .m-head{display:none;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 .logo{background: url(../img/logo.png) left top no-repeat;background-size: contain ;padding-left:50px;margin-top: 10px;float: left;}
header .m-head .logo h1{font-size: 16px;margin: 0;color: #15549a;}
header .m-head .logo h3{font-size: 12px;color: #999;margin: 0;}
header .m-head .logo img{height:50px;display: block}
header .m-head .m-head-menu{padding-right:5%;padding-top:20px;float: right;}
header .m-head .m-head-menu a img{height:16px;vertical-align:top;display: block}
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 img{height: 30px;}
header .m-nav .closeicon{position:absolute;width:20%;left:0;top:5%;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%;}

.homeslide{background: #15549a;}
.homeslide .swiper-slide{display: flex;justify-content: center;align-items: center;overflow: hidden;}

.home-product{text-align: center;margin-top: 80px;}
.home-product h1{margin: 5px 0;color: #15549a;text-transform: uppercase;line-height: 1;}
.home-product h3{margin-bottom: 60px;color: #ccc;font-weight: 400;font-size: 18px;}
.home-product .product-item{border: 1px solid #ccc;padding: 10px 10px 30px;text-align: center;transition: all 1s;margin-bottom: 15px;}
.home-product .product-item:hover{box-shadow: 0 5px 20px rgba(0,0,0,.2);}
.home-product .product-item h2{font-size: 18px;font-weight: 500;margin: 10px 0;height: 40px;}
.home-product .product-item a{padding: 5px 15px;display: block;background: #15549A;color: #83bcfa;width: 60%;margin: 0 auto;text-align: center;text-transform: capitalize;}
.home-product .product-item a:hover{color: #fff;}

.home-why{text-align: center;margin-top: 80px;}
.home-why>.row{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.home-why h1{margin: 5px 0;color: #15549a;text-transform: uppercase;line-height: 1;}
.home-why h3{margin-bottom: 60px;color: #ccc;font-weight: 400;font-size: 18px;}
.home-why .why-item{border: 1px solid #ccc;padding: 80px 60px;text-align: center;color: #999;}
.home-why .why-item h3{color: #666;margin: 15px 0 5px;}
.home-why .why-item h5{font-weight: 300;font-size: 16px;}

.home-about{margin-top: 100px;background: #15549a;padding: 70px 0;color: rgba(255,255,255,.8);text-align: justify;}
.home-about h1{margin: 5px 0;color: #fff;text-transform: uppercase;line-height: 1;text-align: center;}
.home-about h3{margin-bottom: 60px;color: rgba(255,255,255,.4);font-weight: 400;font-size: 18px;text-align: center;}
.home-about a{padding: 5px 15px;margin-top: 20px;display: block;background: #039;color: #fff;width: 40%;text-align: center;text-transform: capitalize;}

.home-partner{border-bottom: 1px solid #ccc;background: #eee;}
.home-partner .swiper-container{height: 140px;padding: 40px 0;}
.home-partner .swiper-container .swiper-pagination{}

.home-news{margin: 80px auto;}
.home-news h1{margin: 5px 0;color: #15549a;text-transform: uppercase;line-height: 1;text-align: center;}
.home-news h3{margin-bottom: 60px;color: rgba(0,0,0,.4);font-weight: 400;font-size: 18px;text-align: center;}
.home-news .news-item{border: 1px solid #ccc;color: #999;transition: all 1s;padding-bottom: 30px;margin-bottom: 15px;}
.home-news .news-item .img-fluid {  max-width: 100%;  height: 200px;}
.home-news .news-item:hover{box-shadow: 0 5px 15px rgba(0,0,0,.2);}
.home-news .news-item .item-title{margin: 10px 15px;display: block;font-weight: 500;}
.home-news .news-item .item-small{margin: 10px 15px;font-size: 14px;color: #ccc;}
.home-news .news-item .item-desc{margin: 10px 15px;color: #999;height: 72px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box; }
.home-news .news-item a{margin: 20px 15px;color: #15549a;text-transform: capitalize;border-bottom: 1px solid #15549a;font-weight: 500;}
.home-news .news-item a:hover{color: #f30;border-bottom: 1px solid #f30;}

footer{background: #1e2127;padding: 80px 0 10px;color: rgba(255,255,255,.3);margin-top: 50px;}
footer a{color: rgba(255,255,255,.3);}
footer li{line-height: 2;}
footer .logo{background: url(../img/logo2.png)left top no-repeat;padding-left: 60px;height: 60px;line-height: 60px;}
footer .logo h2{font-size: 20px;color: #fff;margin: 10px 0 0;}
footer .logo h3{font-size: 16px;color: rgba(255,255,255,.3);font-weight: 300;}
footer .copy{border-top: 1px solid rgba(255,255,255,.1);line-height: 3;text-align: center;font-size: 14px;}

/*内页*/
.subslide{background: #15549a;padding: 50px 0;margin-bottom: 50px;}
.subslide h2{text-align: center;color: rgba(255,255,255,.8);font-size: 24px;font-weight: bold;margin: 0;}
.subslide h4{text-align: center;color: rgba(255,255,255,.4);font-size: 18px;font-weight: 100;margin: 0;}
.position{font-size: 14px;color: #999;margin-bottom: 20px;}

.aside{top:20px;}
.aside .subnav,.aside .contact{padding: 30px;background: #eff1f4;margin-bottom: 30px;}
.aside .subnav dt, .aside .contact dt{padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px;font-size: 24px;}
.aside .subnav dd{}
.aside .subnav dd a{display: block;padding: 5px;}
.aside .subnav dd a:hover{background: rgba(0,0,0,.1);}

.main .product-item{border: 1px solid #ccc;padding: 10px 10px 30px;text-align: center;transition: all 1s;margin-bottom: 30px;}
.main .product-item:hover{box-shadow: 0 5px 20px rgba(0,0,0,.2);}
.main .product-item h2{font-size: 18px;font-weight: 500;margin: 10px 0;height: 40px;}
.main .product-item .product-thum {     width: 100%;  height: 200px;  overflow: hidden;}
.main .product-item a{padding: 5px 20px;display: inline-block;background: #15549A;color: #83bcfa;margin: 0 auto;text-align: center;text-transform: capitalize;font-size: 14px;border-radius: 4px;}
.main .product-item a:hover{color: #fff;background: #f51f8a;}

.main .news-item{padding-bottom: 15px;border-bottom: 1px solid #eee;overflow: hidden;text-transform: capitalize;margin-bottom: 30px;}
.main .news-item img{float: left;margin-right: 15px;width: 100px;max-height: 80px;}
.main .news-item h2{font-size: 20px;font-weight: 300px;}
.main .news-item small{font-size: 12px;color: #ccc;display: block;}
.main .news-item a{padding-bottom: 5px;color: #039;border-bottom: 1px solid #039;font-size: 16px;}
.content h3{border-bottom:1px solid #ccc; margin:20px 0;}
.content small{line-height: 3;color: #ccc;font-size: 14px;display: block;}
.content img{max-width: 100%;}


.productphoto .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.productphoto .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.productphoto .swiper-slide {background-size: cover;background-position: center;}
.productphoto .mySwiper2 {height: 280px;width: 100%;}
.productphoto .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.productphoto .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.productphoto .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.productphoto .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.content .btn{margin-top:15px;padding:10px 30px;width: 100%;}
@media (max-width:575.98px) {
  header .m-head{display: block;}
  .subslide{margin-top: 60px;}
  footer .footer-contact{padding: 0 30px ;}
  footer .copy{font-size: 12px;}
  .homeslide{padding-top:60px ;}
  .homeslide .swiper-slide img{height: 140px;}
  .main .product-item h2{height: 56px;}
  .main .product-item .product-thum {height: 100px;}
}

.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 9999;display: none;float: left;min-width: 10rem;padding: 0.5rem 0;font-size: 1rem;  color: #212529;  text-align: left;  list-style: none;  background-color: #fff;  background-clip: padding-box;  border: 1px solid rgba(0,0,0,.15);
  border-radius: 0.25rem;
}