@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; }

*{margin: 0;padding: 0;list-style: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition:0.5s;}
body{cursor: default;color: #333;}
a{color: #333;}
a:hover{text-decoration: none;}

header{border-bottom: 1px solid rgba(255,255,255,.2);width: 100%;}
header .logo{margin: 15px 0;}
header .hotline{font-size: 24px;padding: 12px 0 0 35px;background: url(../img/hotline.png) left center no-repeat;margin-top: 32px;vertical-align: middle;color: #fff;}
header *{transition: unset;}
header nav{display: flex;align-items: center;margin-top: 32px;}
header nav .nav-item a{color: #333;padding: 20px 28px;font-size: 16px;font-weight: 600;}
header nav .nav-item a:hover{background: rgba(0, 0, 0, .7);color: #fff;}
header nav .nav-item:hover a{background: rgba(0, 0, 0, .7);color: #fff;}
header nav .dropdown-menu{background: rgba(0, 0, 0, .7);margin: 0;border-radius: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 10px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #333;}
header .searchbar{margin-top: 42px;}
header .searchbar form{border: 1px solid #eee;border-radius: 30px;overflow: hidden;}
header .searchbar form input{border: none;margin: 0;border-radius: 0;color: #999;}
header .searchbar form .btn{background: #eee;border: 1px solid #eee;margin: 0;border-radius: 0;}

.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);}
.m-head .m-head-logo{float: left;padding-left: 15px;display: flex;align-items: center;}
.m-head .m-head-logo img{height: 50px;}
.m-head .m-head-menu .menu-open{float: right;color: #666;font-size: 36px;padding: 0 10px;line-height: 1;}
.m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
.m-nav .menu-close {font-size: 36px;color: #fff;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
.m-nav .m-navList ul li{border-bottom:1px solid #232530}
.m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m-nav .m-navList ul li .m-nav-f a{flex: 1;}
.m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%;}
.icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;}
.m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
.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;}
.m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img{width: 100%;}

.slide .swiper-slide{display: flex;justify-content: center;overflow: hidden;}
.slide .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.home-about{margin-top: 80px;}
.home-about .about-title{}
.home-about .about-title h2{font-size: 30px;margin: 0;color: #0067b6;}
.home-about .about-title h3{font-size: 24px;color: rgba(77, 124, 172, .5);font-weight: 100;}
.home-about .about-body{background: #fff;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;margin:0 30px 0 40px;padding: 50px 30px;line-height: 30px;font-size: 16px;}
.home-about .about-video{height: 400px;}
.home-about .about-video video{height: 400px;}
.home-about .about-summay{line-height: 2;text-align: justify;}
.home-about .about-more{background-color: #3a70a6;color: #fff;padding: 5px 15px;font-size: 14px;margin-top: 10px;display: table;}
.home-about .about-more:hover{background-color: #f30;}

.home-news{margin-top: 120px;background-color: #e8f4ff;padding-bottom: 80px;}
.home-news .custom-title{margin-top: -55px;float: right;font-size: 60px;line-height: 1;color: #e8f4ff;}
.home-news .news-title{padding-top: 30px;}
.home-news .news-title .more{float: right;background-color: #3a70a6;color: #fff;padding: 5px 15px;font-size: 14px;margin-top: 10px;}
.home-news .news-title .more:hover{background-color: #f30;}
.home-news .news-title h2{font-size: 30px;font-weight:600;color: #3a70a6;margin:0;}
.home-news .news-title h3{font-size: 24px;font-weight:300;color: rgba(58,112,166,.5);margin-bottom: 50px;}
.home-news .aboutpic .swiper-slide{height: 360px;overflow: hidden;}
.home-news .aboutpic .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.home-news .news-item{border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 15px;display: block;margin: 40px 0;height: 60px;}
.home-news .news-item .date{padding: 0 10px;border-right: 1px solid rgba(0, 0, 0, .1);float: left;display: inline-block;font-size: 24px;color: #3a70a6;font-weight: bold;margin: 0;line-height: 1.2;margin-right: 15px;}
.home-news .news-item .date small{font-size: 16px;display: block;}
.home-news .news-item h2{font-size: 16px;font-weight: bold;line-height: 1.5;}
.home-news .news-item h3{font-size: 14px;color: #999;margin: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.home-picnews{margin-top: 120px;}
.home-picnews .picnews-title h2{font-size: 30px;font-weight:600;color: #3a70a6;margin:0;}
.home-picnews .picnews-title h3{font-size: 24px;font-weight:300;color: rgba(58,112,166,.5);margin-bottom: 50px;}
.home-picnews .item{margin-bottom: 30px;display: block;overflow: hidden;}
.home-picnews .item .thumb{overflow: hidden;text-align: center;height: 220px;display: flex;justify-content: center;background-size: cover;background-position: center center;}
.home-picnews .item .thumb img{height: 100%;min-width: 100%;margin: 0 auto;display: block;}
.home-picnews .item:hover {transform: scale(1.1);}
.home-picnews .item .item-body{background-color: #eee;padding: 15px;}
.home-picnews .item .item-body .date{padding: 0 10px 0 0;border-right: 1px solid rgba(0, 0, 0, .1);float: left;display: inline-block;font-size: 16px;color: #3a70a6;font-weight: bold;margin: 5px 0 0;line-height: 1.2;margin-right: 15px;text-align: left;}
.home-picnews .item .item-body .date small{font-size: 12px;display: block;}
.home-picnews .item .item-body h2{font-size: 14px;line-height: 1.5;margin: 0;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;text-align: left;height: 40px;}
.home-picnews .more{float: right;background-color: #3a70a6;color: #fff;padding: 5px 15px;font-size: 14px;margin-top: 10px;}
.home-picnews .more:hover{background-color: #f30;padding: 5px 30px;}


footer{background: rgba(0,125,221,.8);margin-top: 60px;padding-top: 50px;}
footer p{color: rgba(255,255,255,.5);margin-bottom: 5px;text-indent: -40px;margin-left: 40px;}
footer a{color: rgba(255,255,255,.5);}
footer dl{width: 130px;float: left;padding-left: 15px;border-left: 1px solid rgba(255,255,255,.1);}
footer dl dt a{font-size:16px;font-weight: 600;color: rgba(255,255,255,.8);margin-bottom: 15px;display: block;}
footer dl dd a{color: rgba(255,255,255,.5);font-size: 14px;display: block;}
footer .contacter{}
footer .ewm{width: 200px;margin: 0 auto;float: right;}
footer .ewm img{float: left;}
footer .ewm p{text-indent: 0;margin-left: 100px;padding-top: 15px; text-align: center;}
footer .copy{background: #007ddd;color: rgba(255,255,255,.2);line-height: 3;text-align: center;text-transform: uppercase;margin-top: 50px;}
footer .copy p{display: inline-block;text-indent: 0;margin-left: 0;font-size: 14px;}

/*内页*/
.subslide{height: 180px;padding-top: 45px;text-align: right;}
.sbg-1{background: url(../img/subslide-1.jpg) left center no-repeat;}
.sbg-2{background: #cfdae7 url(../img/subslide-2.jpg) left center no-repeat;}
.sbg-3{background: #e9e1da url(../img/subslide-3.jpg) left center no-repeat;}

.sidebar{background: #5393cf url(../img/bg-logo.png) right bottom no-repeat;color: #fff;padding: 30px 30px 100px;top: 15px;margin-top: -30px;width: 200px;}
.sidebar dl dt{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.sidebar dl dd{margin: 0;}
.sidebar dl dd a{color: #fff;font-size:16px;display: block;line-height: 48px;margin: 0 -30px;display: block;padding: 0 30px;}
.sidebar dl dd a:hover{color: #ccc;padding-left: 40px;background: rgba(0, 0, 0, .3);}

.position{border-bottom: 1px solid #ccc;line-height: 3;margin-bottom: 50px;color: #ccc;text-align: right;}
.position a{font-size: 14px;color: #ccc;padding: 0 10px;}

.main .news-item{border-bottom: 1px solid #eee;margin-bottom: 30px;display: block;padding: 10px;overflow: hidden;}
.main .news-item .thumb{float: left;width: 160px;height: 120px;margin-right: 15px;overflow: hidden;}
.main .news-item .thumb img{height: 100%;min-width: 100%;}
.main .news-item .date{font-size: 14px;color: #0097de;}
.main .news-item .date small{font-size: 16px;font-weight: 100;display: inline-block;}
.main .news-item h3{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
.main .news-item h4{font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main .news-item:hover{color: #0097de;background-color: #eee;}
.main .picnews-item{margin-bottom: 30px;display: block;overflow: hidden;}
.main .picnews-item .thumb{overflow: hidden;text-align: center;height: 240px;display: flex;justify-content: center;background-size: cover;background-position: center center;}
.main .picnews-item .thumb img{height: 100%;min-width: 100%;margin: 0 auto;display: block;}
.main .picnews-item:hover {transform: scale(1.1);}
.main .picnews-item .item-body{background-color: #eee;padding: 15px;}
.main .picnews-item .item-body .date{padding: 0 10px 0 0;border-right: 1px solid rgba(0, 0, 0, .1);float: left;display: inline-block;font-size: 16px;color: #3a70a6;font-weight: bold;margin: 5px 0 0;line-height: 1.2;margin-right: 15px;text-align: left;}
.main .picnews-item .item-body .date small{font-size: 12px;display: block;}
.main .picnews-item .item-body h2{font-size: 14px;line-height: 1.5;margin: 0;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;text-align: left;height: 40px;}
.main .history-head{margin: 0 0 30px 0;padding-bottom: 55px;border-bottom: 1px solid #ddd;display: block;}
.main .history-head li{float: left;margin-right: 15px;background: url(../img/history-dot.gif)15px 50px no-repeat;padding-bottom: 25px;}
.main .history-head li.active{background: url(../img/history-dot-active.gif)15px 47px no-repeat;}
.main .history-head li a{padding: 10px 35px;font-size: 14px;display: block;border-top-left-radius: 5px;border-bottom-right-radius: 10px;}
.main .history-head li.active a{background: #ddd;}

.leader .item{border:1px solid #eee;padding: 10px;border-bottom-right-radius: 15px;margin-bottom: 15px;}
.leader .item .thumb{height: 210px;overflow: hidden;}
.leader .item .thumb img{max-width: 100%;}
.leader .item h2{font-size: 14px;line-height: 1.7;height: 68px;overflow: hidden;text-align: justify;}
.leader .item:hover{background:#eee;}
.leader .item:hover .thumb img{transform: scale(1.4);}

.content{color: #333;text-align: justify;}
.content h1{font-size: 30px;margin-bottom: 15px;text-align: center;}
.content .date{padding: 5px;text-align: center;background: #eee;color: #999;font-size: 14px;margin-bottom: 30px;}
.content p{line-height: 2;}

.pagenavi span{font-size: 14px;border: 1px solid #eee;padding: 5px 10px;}
.pagenavi span:hover{background: #eee;}


@media(min-width:1440px){
.container{max-width: 1400px;}
}
@media(max-width:1439px){
.pcmenu{display: none;}
.m-head{display: block;}
.slide{margin-top: 60px;}
.slide .swiper-slide{height: 480px;}
.home-about{height: auto;margin-top: 50px;}
.home-about .about-title{height: 130px;}
.home-about .about-title h2{font-size: 24px;padding: 60px 0 0 0;}
.home-about .about-title h3{font-size: 18px;}
.home-about .about-body{margin: 0;padding: 15px;}
.home-about .about-video{margin: auto;}
.home-picnews .item .thumb{height: 200px;}
footer dl{width: 110px;}
footer .text-right{margin-right: 26px;}
footer .copy{font-size: 12px;line-height: 1.5;padding: 10px 0;}
footer .copy p{display: block;margin: 0;}

.sidebar{top:75px;}
.subnavi{line-height: 40px;}
.subnavi li a{padding: 0 12px;}

main .product-item a{padding: 5px;}
main .product-details .btn{width: 48%;}
}
@media (max-width:768px) {
  .m-head .m-head-logo{padding: 0;}
  .m-head .m-head-logo img{height: 42px;}
  .slide .swiper-slide {height: 160px;}
  .home-news .custom-title{font-size: 30px;margin-top: -26px;}
  .home-about{margin: 0;}
  .home-about .about-video{width: 100%;height: auto;}
  .home-about .about-video video{width: 100%;height: auto;}
  .home-about .about-summay{padding: 10px;}
  .home-news .aboutpic .swiper-slide{height: 240px;}
  .sidebar{width: 100%;margin: 0;}
  
  .subslide{height: 100px;margin-top: 59px;padding-top:15px;}
  .subslide img{height: 40px;}
  .sbg-1{background-size: auto 100px;}
  
  footer dl a,footer .copy p{font-size: 12px;}
  footer .contacter{margin-left: 15px;}
  footer .ewm{display: none;}
  
  .main .history-head{border-bottom: none;display: block;}
  .main .history-head li{background: none;}
  .main .history-head li.active{background: none;}
  .main .history-head li a{padding: 5px 15px;}
  .main .history-head li.active a{background: #ddd;border: 3px solid #f30;color: #f30;}
  
  .leader .item h2{height: auto;}
  .content img{max-width: 100%;}
}