@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: all .3s;-webkit-transition: all .3s;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;font-weight: 300;}
a{color: #333;text-decoration: none;}

a:hover{color: #333;}

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

header{}
header .pc-head{position: fixed;top: 0;width: 100%;z-index: 999;border-bottom:1px solid rgba(255,255,255,.9);background: rgba(255,255,255,.8);}
header .pc-head .logo img{padding: 15px 0;}
header nav *{transition: unset;}
header nav .nav{margin-top: 20px;}
header nav .nav-item a{color: #333;padding: 13px 30px;font-size: 16px;font-weight: 600;}
header nav .nav-item a:hover{background: rgba(204, 0, 0, .7);color: #fff;border-top-left-radius: 6px;border-top-right-radius: 6px;}
header nav .nav-item:hover a{background: rgba(204, 0, 0, .7);border-top-left-radius: 6px;border-top-right-radius: 6px;color: #fff;}
header nav .dropdown-menu{background: rgba(204, 0, 0, .7);margin: 0;border-radius: 6px;border-top-left-radius: 0;border: 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 .pc-head .hotline{font-size: 24px;font-weight: 600;margin: 15px auto 0;color: #f60;}
header .pc-head .hotline i{font-weight: 100;font-size: 24px;line-height: 0;margin-right: 15px;}

header .m-head, header .m-nav{display: none;}
header .pc-head.smaller{}
header .pc-head.smaller .logo img{max-height: 44px;padding: 5px 0;}
header .pc-head.smaller .nav {margin: 0;}
/* header .pc-head.smaller .nav li a {padding: 10px 20px;} */
header .pc-head.smaller .top {height: 0;padding: 0;}
header .pc-head.smaller .hotline{display: none;}
header .pc-head.smaller form{margin-top: 5px;}
header .pc-head.smaller .submenu{top: 44px;}

.slide{height: 680px;background: url(../img/slide-1.jpg) top center no-repeat;color: #fff;align-items: center;display: flex;text-shadow: 0 2px 10px rgba(0,0,0,.8);}
.slide .home-slide .swiper-slide{}
.slide .home-slide .swiper-slide h2{font-size: 36px;font-weight: 600;text-align: center;}
.slide .home-slide .swiper-slide h3{font-size: 24px;text-align: center;}

.home-about{margin-bottom: 50px;background: url(../img/home-about-bg.jpg)no-repeat; background-position-x: calc(50% + 325px);background-position-y: 100%;height: 440px;}
.home-about .title{font-size: 24px;font-weight:400;background: url(../img/home-title-bg.gif) left bottom no-repeat;height: 40px;margin: 50px auto 30px;}
.home-about .body h2{margin-bottom: 30px;font-size: 36px; font-weight:500;color: #c20;}
.home-about .body p{line-height: 2;text-align: justify;}
.home-about .body a{padding: 5px 30px;border: 1px solid #ccc;text-transform: uppercase;}
.home-about .body a:hover{background: #c20;border-color: #c20;color: #fff;}

.home-news{margin-bottom: 50px;}
.home-news .title{font-size: 24px;font-weight:400;background: url(../img/home-title-bg.gif) left bottom no-repeat;height: 40px;}
.home-news a.more{padding: 5px 30px;border: 1px solid #ccc;text-transform: uppercase;}
.home-news a.more:hover{background: #c20;border-color: #c20;color: #fff;}
.home-news .news-item{display: flex;justify-content: space-between;padding: 0 0 0 15px;border-left: 1px solid #eee;margin-bottom: 30px;}
.home-news .news-item .date{font-size: 20px;font-weight: bold;color: #808080;text-align: right;width: 15%;display: inline-block;}
.home-news .news-item .date small{font-size: 14px;font-weight: 200;display: block;}
.home-news .news-item .body{width: 80%;display: inline-block;position: relative;}
.home-news .news-item .body h3{font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news .news-item .body span.badge{background: blue;position: absolute;top: -12px;right: 42px;}
.home-news .news-item .body span.badge:last-of-type{background: red;right: 0;}
.home-news .news-item .body p{margin: 0;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.home-news .news-item:hover .body h3{color: #c20;}


.home-biz{background: url(../img/biz-bg.jpg) top center no-repeat;margin-bottom: 50px;height: 600px;padding-top: 70px;}
.home-biz .title{font-size: 24px;font-weight:400;background: url(../img/home-title-bg.gif) left bottom no-repeat;height: 40px;margin-bottom: 70px;}
.home-biz .biz-item{background: rgba(255,255,255,.7);height: 260px;position: relative;display: flex;justify-content: center;align-items: center;}
.home-biz .biz-item h4{align-items:center;font-size: 24px;font-weight: 500;}
.home-biz .biz-item p{line-height: 2;}
.home-biz .biz-item p{position: absolute;top:100px;left:0;width: 100%;height: 260px; color: #fff;padding: 30px 45px;text-align: center;opacity: 0;}
.home-biz .biz-item dl dt{font-size: 18px;font-weight: 300;margin-bottom: 15px;}
.home-biz .biz-item dl dd ul{margin: 0;padding: 0;line-height: 2;}
.home-biz .biz-item dl dd ul p{margin: 0;}
.home-biz .biz-item:hover h4{top:-30px;opacity: 0;}
.home-biz .biz-item:hover p{opacity: 100;top: 0;background: #c20;}

.home-performance{margin-bottom: 50px;}
.home-performance .title{font-size: 24px;font-weight:400;background: url(../img/home-title-bg.gif) left bottom no-repeat;height: 40px;}
.home-performance a.more{padding: 5px 30px;border: 1px solid #ccc;text-transform: uppercase;}
.home-performance a.more:hover{background: #c20;border-color: #c20;color: #fff;}
.home-performance .performance-item .thumb{height: 200px;overflow: hidden;}
.home-performance .performance-item .thumb img{object-fit: cover;width: 100%;height: 100%;}
.home-performance .performance-item:hover .thumb img{transform: scale(1.1);}
.home-performance .performance-item h4{text-align: center;font-size: 18px;line-height: 3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.home-links{margin-bottom: 50px;}
.home-links .title{font-size: 24px;font-weight:400;height: 40px;}

footer{background: #383838;padding-top: 30px;padding-bottom: 30px;}
footer .logo{padding-right: 30px;border-right: 1px solid rgba(255,255,255,.2);}
footer .text{padding-left: 30px;color: rgba(255,255,255,.5);font-size: 14px;}
footer .text p{margin-bottom: 8px;text-transform: uppercase;}
footer .text p a{color: rgba(255,255,255,.5);}
footer .text p:last-child{margin-bottom: 0;}

.subslide{height: 300px;background: url(../img/slide-1.jpg) center 80% no-repeat;margin-bottom: 50px;}
.sidebar{top: 80px;margin-top: -120px;}
.sidebar .subnav {background: #c20;padding: 4px 4px 80px;border-bottom-right-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.sidebar .subnav dt{padding: 20px;font-size: 24px; font-weight:400;color: #fff;line-height: 1;}
.sidebar .subnav dt small{text-transform: uppercase;font-size: 14px;color: rgba(255,255,255,.5);line-height: 1.3;display: block;}
.sidebar .subnav dd{padding: 0 20px;margin: 0;}
.sidebar .subnav dd a{padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.2);display: block;color: #fff;}
.sidebar .subnav dd:last-child a{border: 0;}
.sidebar .subnav dd a:hover{padding-left: 5px;color: #ff0;}

.contents{min-height: 700px;margin-bottom: 50px;}
.contents .contents-head{font-size: 24px;border-bottom: 1px solid #eee;margin-bottom: 50px;}
.contents .contents-head::before{width: 4px;height: 16px;background: #c20;content: '';display: inline-block;margin-right: 4px;}
.contents .contents-body{margin-bottom: 30px;}
.contents .contents-body ul{padding: 0;margin: 0;}
.contents .contents-body ul .news-item{padding: 20px 15px;border-bottom: 1px solid #eee;}
.contents .contents-body ul .news-item a{display: flex;}
.contents .contents-body ul .news-item .date{font-size: 20px;font-weight: bold;color: #808080;text-align: right;width: auto;display: inline-block;padding-right: 15px;margin-right: 15px;border-right: 1px solid #eee;}
.contents .contents-body ul .news-item .date small{font-size: 14px;font-weight: 200;display: block;}
.contents .contents-body ul .news-item .body{display: inline-block;position: relative;}
.contents .contents-body ul .news-item .body h3{font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.contents .contents-body ul .news-item .body span.badge{background: blue;position: absolute;right: 42px;top: 0;}
.contents .contents-body ul .news-item .body span.badge:last-of-type{background: red;right:0;}
.contents .contents-body ul .news-item .body p{margin: 0;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.contents .contents-body ul .news-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.contents .contents-body .photo-item{border: 1px solid #eee;padding: 5px 5px 20px;margin-bottom: 30px;}
.contents .contents-body .photo-item .thumb{overflow: hidden;margin-bottom: 10px;}
.contents .contents-body .photo-item:hover .thumb img{transform: scale(1.1);}
.contents .contents-body .photo-item .body h3{font-size: 18px;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.contents .contents-body .photo-item .body p{color: #999;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 40px;}
.contents .contents-body .photo-item .body a{padding: 6px 14px;background: #c20;color: #fff;font-size: 13px;border-radius: 4px;}
.contents .contents-body .photo-item .body a i{vertical-align: -10%;margin-right: 4px;}
.contents .contents-body .photo-item .body a:hover{background-color: #f00;}
.contents .contents-body h1.arc-title{text-align: center;}
.contents .contents-body .arc-small{color: #ccc;text-align: center;margin-bottom: 30px;}
.contents .contents-body .arc-content{text-align: justify;font-weight: 300;line-height: 2;}
.contents .pagenavi{margin-top: 30px;}
.contents .pagenavi a{padding: 5px;border: 1px solid #eee;}
.contents .pagenavi a.a_cur{background-color: #eee;}


@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;width: 75%;padding:5px;}
  header .m-head .m-head-logo img{height: 40px}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  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%;}
  
  .slide{height: 400px;background-size: auto 100%; object-fit: contain;}
  .slide .home-slide .swiper-slide h2,.slide .home-slide .swiper-slide h3{text-align: left;margin: 10px;}
  
  .home-about{height: auto;}
  .home-biz{height: 420px;padding-top: 30px;}
  .home-biz .title{margin-bottom: 30px;}
  .home-biz .biz-item h4{align-items:center;font-size: 24px;font-weight: 500;opacity: 0;}
  .home-biz .biz-item dl{top:0;left:0;width: 100%;height: 260px; color: #fff;padding: 30px 45px;text-align: center;opacity: 100;background: rgba(204, 0, 0, .7);}
  
  .home-performance .performance-item .thumb{height: 160px;}
  
  footer .logo{text-align: center;margin-bottom: 30px;}
  footer .text{margin-bottom: 30px;}
  footer .text p{font-size: 12px;}
  footer .ewm{text-align: center;}
  
  .sidebar{margin-top: 0px;}
  .subslide{background-size: auto 100%;height: 200px;}
  
  .contents .contents-body ul .news-item a{display: flex;}
  .contents .contents-body ul .news-item .body{width: 72%;}
  .contents .contents-body ul .news-item .body span.badge{top: -12px;}
}