@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto;}
.img-cover{ position: relative; padding-bottom: 75%;}
.img-cover img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.img-contain{ position: relative; padding-bottom: 75%;}
.img-contain img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: contain;}
.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}
.flwrap{  -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.fixed{ position: fixed;}
.fl{ float: left;}
.fr{ float: right;}
/*头部样式*/
.header{ width: 100%; box-sizing:border-box; z-index: 999; background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); transition: all 0.5s;}
.header.hbbg{ box-shadow: 0 0 1rem rgba(0,0,0,.1); background: #fff;}
.header.hbbg .nav > ul > li>a{ color: #333;}
.header .logo{ position: relative; z-index: 1001; padding: 1rem;}
.header .logo img{ max-height: 6rem;}
.header.hbg{ box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.header .language{ position: relative; z-index: 1001; width: 10rem; text-align: center; background: #da0000;}
.header .language a{ display: block; height: 100%; line-height: 8rem; color: #fff; font-size: 1.6rem;}
.header .search{ position: relative; z-index: 1001; width: 4rem; height: 4rem; min-width: 4rem;}
.header .search a{ display: block; height: 4rem; background: url(../images/s.png) no-repeat center; background-size: 2rem;}
.header.hbbg .search a{ background: url(../images/s1.png) no-repeat center; background-size: 2rem;}
.navbox{position: relative; z-index: 1001; width: 100%; -webkit-justify-content:flex-end; justify-content:flex-end}
.nav{width: 100%; max-width:84rem; height: 8rem; line-height: 8rem; padding:0 3rem}
.nav > ul > li{ position: relative; width:auto;}
.nav > ul > li>a{ position: relative; z-index: 1; display: block; width: 100%; padding: 0 0.5rem; color:#fff; text-align: center; font-size: 1.8rem; transition: all 0.5s;}
/* .nav ul li:hover > a,.nav ul li.active > a{ color:#da0000} */
.nav ul li .subnav{ position: absolute; left: -50%; top: 8rem; min-width: 200%; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:#eee;}
.nav ul li:hover .subnav{max-height: 100rem;box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.nav .subnav > a{ display: block; line-height: 3.6rem; padding: 1rem 3rem; color:#333; font-size: 1.6rem; border-left: 2px solid #eee; text-align: center; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical; transition: all 0.5s; background: center;}
.nav .subnav > a:hover{ color: #da0000; border-left: 2px solid #da0000; background:url(../images/arrow-drop-right-line.png) no-repeat 95% center #fff;}
.nav > ul > li > a::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 3px;
  background-color: #da0000;
  content: '';
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.nav > ul > li > a:hover::before {width: 100%;}

.nav ul li .subnav-list{ position: fixed; left: 5%; top: 8rem; width: 90%;  min-width:1000px; align-items: stretch; justify-content: flex-start; background: #fff;}
.nav .subnav.subnav-list .one{ width: 200px; background: #eee; padding-bottom: 5rem;}
.nav .subnav.subnav-list .one a{display: block; position: relative; padding-left: 2rem; text-align: left; line-height: 6rem; border-left: 3px solid #eee;}
.nav .subnav.subnav-list .one a.on{ background:url(../images/arrow-drop-right-line.png) no-repeat 95% center #fff; color: #da0000; border-left: 3px solid #da0000;}
.nav .subnav.subnav-list .one a::after{position: absolute; bottom: 0; right: 0; content: ""; width: 90%; height: 1px; background: #ddd;}

.nav .subnav.subnav-list .two{ width: 240px; background: #f5f5f5;}
.nav .subnav.subnav-list .two .two-item{ display: none;}
.nav .subnav.subnav-list .two .two-item li > a{ position: relative; display: block; border-left: 2px solid #f5f5f5; padding-left: 3rem; line-height: 6rem; color: #333; font-size: 1.5rem;}
.nav .subnav.subnav-list .two .two-item li.on > a{ background:url(../images/arrow-drop-right-line.png) no-repeat 95% center #fff; color: #da0000; border-left: 3px solid #da0000;}
.nav .subnav.subnav-list .two .two-item li > a::after{position: absolute; bottom: 0; right: 0; content: ""; width: 90%; height: 1px; background: #ddd;}
.nav .subnav.subnav-list .two .two-item.on{ display: block;}
.nav .subnav.subnav-list .two .two-item li .thr{ display: none; position: absolute; left: 500px; top:0;}
.nav .subnav.subnav-list .two .two-item li.on .thr{ display: block;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item{ margin: 2rem 0; align-items: stretch;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item > a{ width: 180px; min-width: 180px; padding-right: 2rem; text-align: right; line-height: 4.5rem; font-size: 1.4rem;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item > a:hover{ color: #da0000;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item .box{ width: 100%; justify-content: flex-start;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item .box a{ width: auto; padding: 0 2rem; margin: 0.5rem; background: #eee; line-height: 3.5rem; border-radius: 4rem; font-size: 1.2rem;}
.nav .subnav.subnav-list .two .two-item li .thr .three-item .box a:hover{ background: #da0000; color: #fff;}
 

/*移动端导航样式*/
.menu-handler{position: relative;z-index:1012;left:0;top:0;width:auto; width: 7rem; height:7rem; padding: 1.5rem; overflow:hidden;cursor:pointer;}
.menu-handler .icon-menu{ position: relative; width: 4rem; height: 4rem; background: #da0000;}
.menu-handler .burger{position:absolute;z-index:5;top:1rem;left:0.8rem;display:block;width:3rem;height:2px;margin:0;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-1{ width: 2.4rem;}
.menu-handler .burger-2{ width: 2.4rem; top:1.9rem}
.menu-handler .burger-3{ width: 2.4rem; left: auto; right: 0.8rem; top:2.8rem}
.menu-handler.active .burger-1{ width: 2.4rem; top:2rem;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{width: 2.4rem; top:2rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#fff;display:none}
.menuBox{position:fixed;width:100%;top:0;left:-100%;height:100%; z-index:1001;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;background:url(../images/hbg.jpg) no-repeat center #fff; background-size: cover;}
.navMobile{margin-top:10rem;padding:3rem 0; display: flex; justify-content: center; flex-wrap: wrap;}
.navMobile dd{ width: 16%;}
.navMobile dd a{display:block;line-height:1;color:#333;font-weight:400;font-size:2.4rem;text-align:center;}
.navMobile dd p{ border-right: 1px solid rgba(0,0,0,0.1);}
.navMobile dd:last-child p{ border-right:0;}
.navMobile dd p a.act{color:#da0000}
.navMobile dd a:hover{color: #da0000;}
.navMobile .mtnav{ margin-top: 3rem; max-height: 50rem; overflow-y: hidden;}
.navMobile .mtnav a{ line-height: 5rem; font-size:1.6rem}
.navMobile .mtnav a:hover{ color: #da0000;}
.menuBox .hfoot{ justify-content: flex-end; margin-top: 3rem;}
.menuBox .hfoot a{ display: block; padding: 0 3rem; font-size: 1.4rem; font-weight: bold; border-right: 1px solid rgba(0,0,0,.1);}
.menuBox .hfoot a:hover{ color: #da0000;}
@media (max-width:1199px){
	.navMobile{ margin-top: 8rem; display: block; border-top: 1px solid rgba(0,0,0,.1);}
    .navMobile dd{ width: 100%;}
    .navMobile dd a{ line-height: 8rem;}
    .navMobile .mtnav{display:none; margin-top: 0;}
    .menuBox .hfoot{ flex-wrap: wrap; margin-top: 5rem;}
    .menuBox .hfoot a{ width: 100%; font-size: 1.8rem; text-align: center;}
}
@media (max-width:767px){
    .header .search,.header .language{ min-width: 6rem;}
}
/*幻灯大图*/
.home{width:100%;height:auto; overflow:hidden;position:relative}
.home .swiper-container{width:100%;height:100%}
.home .swiper-slide{position:relative;background:#fff;overflow:hidden}
.home .swiper-slide-txt{ position: absolute; z-index: 1; left: 5%; width: 50%; height: 100%;}
.home .swiper-slide-txt h1{ text-transform: uppercase; font-size: 6rem; line-height: 1; color: #fff; opacity: 0; transform: translateY(80px); transition: all 1s;}
.home .swiper-slide-txt p{ margin: 2rem 0; font-size: 1.8rem; line-height: 1.5; color: #fff; font-weight: normal; opacity: 0; transform: translateY(30px); transition: all 0.5s;}
.home .swiper-slide-txt a{ display: inline-block; position: relative; overflow: hidden; font-size: 1.2rem; padding: 1rem 3rem; color: #fff; background: #da0000;}

.home .swiper-slide-active .swiper-slide-txt h1 {opacity: 1; transform: translateY(0px);}
.home .swiper-slide-active .swiper-slide-txt p {opacity: 1; transform: translateY(0px);}
.home .swiper-slide .vbox{position:absolute;left:0;top:0;width:100%;height:100%}
.home .swiper-slide .vbg{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);}
.home .swiper-slide .vidbg{position:relative;z-index:9}
.home .swiper-slide-img{ width: 100%; height: auto;}
.home .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
.home .swiper-slide-active img,.home .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
.home .swiper-pagination{ right:0; left: auto; bottom: 0; width: 10rem; height: 100%; border-left: 1px solid rgba(255,255,255,0.2); -webkit-flex-flow: column; flex-flow: column; justify-content: center;}
.home .swiper-pagination-bullet{width:1.2rem;height:1.2rem; border-radius: 1.2rem; opacity:1;background:rgba(255,255,255,.5);transition:all .5s}
.home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0.5rem;}
.home .swiper-pagination-bullet-active{ background:#da0000; height: 3rem;}
.home .swiper-button-next,.home .swiper-button-prev{ right: 2.85rem; left: auto; top: 50%; width:4rem ;height:4rem; border-radius: 4rem; border: 2px solid #fff; }
.home .swiper-button-next{ background: url(../images/l.png) no-repeat center;background-size: 2rem; margin-top: -10rem; }
.home .swiper-button-prev{ background: url(../images/r.png) no-repeat center;background-size: 2rem; margin-top: 6rem; }
.home .swiper-button-next:hover,.home .swiper-button-prev:hover{ background-color: #da0000; border-color: #da0000;}
.mouse_icon{ position: absolute; left: 0; bottom: 10%; cursor:pointer; width: 5rem; padding: 1rem; height: auto;color: rgba(255, 255, 255, .75); text-align: center; z-index: 1005;}
.mouse_icon p{ text-transform: uppercase; font-size: 1.4rem; display: block; margin-bottom: 1rem;  writing-mode: vertical-rl; transform: rotate(180deg); padding: 0 1rem;}
.mouse_icon .mouse{ width: 2.5rem; height: auto; margin: 0px 1rem; position: relative;}
.mouse_icon .mouse img{ -webkit-animation: upAnimate 2s ease infinite; width: 100%;}
@-webkit-keyframes upAnimate{
    0%,100%{
        -webkit-transform: translateY(-4px);
    }
    50%{
        -webkit-transform: translateY(4px);
    }
}
.mouse_icon .icon{ width: 12px; margin: 0px auto;}
.mouse_icon .icon img{ -webkit-animation: upAnimate2 2s ease infinite;} 
@-webkit-keyframes upAnimate2{
    0%,100%{
        -webkit-transform: translateY(-1px);
    }
    50%{
        -webkit-transform: translateY(3px);
    }
}
@media (max-width:1199px){
	.home .swiper-slide-txt { width: 70%; left: 10%;}
    .home .swiper-slide-txt h1{ font-size: 2rem;}
    .home .swiper-slide-txt p{ font-size: 1.4rem;}
}
@media (max-width:767px){
	.home .swiper-slide{ min-height: 40rem;}
    .home .swiper-slide-img{ position: relative; padding-bottom: 40rem;}
    .home .swiper-slide-img img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
}

/*底部*/
.footer{position: relative; width: 100%; height: auto; margin-top: 5rem; overflow: hidden; background: #f5f5f5;}
.footer .lbox{ width: 50%; border-right: 1px solid #ddd; padding:5rem 5rem 5rem 0;}
.footer .lbox .msgbox{ padding: 3rem 0;}
.footer .lbox .msgbox h3{ line-height: 3; font-size: 1.8rem;}
.footer .lbox .msgbox input.phone{ width: 100%; background: #fff; border: 0; border-radius: 0; line-height: 5rem; padding:0 2rem; font-size: 1.6rem;}
.footer .lbox .msgbox input.btn{ min-width: 120px; line-height: 5rem; background: #da0000; text-align: center; color: #fff; font-size: 1.6rem; border: 0; border-radius: 0;}
.footer .lbox ul.fast-nav{ height: auto; overflow: hidden; margin: 5rem 0;}
.footer .lbox ul li h3{ padding-bottom: 2rem; font-size: 1.8rem;} 
.footer .lbox ul li p a{ font-size: 1.4rem; color: #666;}
.footer .lbox ul li p a:hover{ color: #333;}
.footer .lbox .copyright{ padding-top: 5rem; font-size: 1.4rem; line-height: 2; color: #666;}
.footer .lbox .copyright a{ color: #666;}
.footer .lbox .copyright a:hover{ color: #333;}
.footer .rbox{ width: 50%; padding:5rem 0 5rem 5rem;}
.footer .rbox h1{position: relative; margin: 5rem 0; padding-bottom: 1rem; border-bottom: 1px solid #ddd; font-size: 1.8rem;}
.footer .rbox h1::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 8rem; height: 3px; background: #da0000;}
.footer .rbox .contact p{ justify-content: flex-start;}
.footer .rbox .contact p span{ padding: 1rem; display: block;}
.footer .rbox .WeChat{ margin-top: 5rem; justify-content: flex-start;}
.footer .rbox .WeChat .item{ margin-right: 2rem;}
.footer .rbox .WeChat img{ max-width: 12rem;}
.footer .rbox .WeChat p{ padding-top: 1rem; line-height: 1.5; font-size: 1.4rem;}
.footer .container .flex{ align-items: stretch;}

@media (max-width:767px){
    .footer{ margin: 0;}
    .footer .container .box{ flex-direction: column-reverse;}
    .footer .lbox,.footer .rbox{ width: 100%; padding: 0; border: 0;}
    
}

/*首页*/
.wrapper{position: relative; width: 100%; height: auto; overflow: hidden; background: #fff;}

.tit{ position: relative; text-align: center; padding: 3rem 0;}
.tit h3{ display: inline-block; width: auto; position: relative; font-size: 5rem; padding: 0 2rem; }
.tit h3::after{content: ""; position: absolute; left: 50%; margin-left: -2rem; bottom: -1.5rem; width: 4rem; height:4px; background: #da0000; }
.tit P{ margin-top: 2rem; color: #666;}
@media screen and (max-width:767px){
    .tit{ padding-bottom: 2rem;}
    .tit h3{ font-size: 3rem;}
    .tit p{ font-size: 1.2rem;}
}

/*产品*/
.module01{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden; background:url(../images/bg1.jpg) no-repeat center; background-size: cover;}
.module01 .box .menubar{ width: 100%; padding: 2rem 0; -webkit-justify-content: center; justify-content: center;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module01 .box .menubar a{ display:block; width: auto; text-align: center; height: 4rem; line-height: 4rem; padding: 0 1.5rem; margin:0 0.5rem 0.5rem; color: #333;}
.module01 .box .menubar a:hover,.module01 .box .menubar a.on{ color: #fff;background: #da0000;}
.module01 .box .imglist{margin-bottom: 6rem; margin-top: 2rem; display: none; width: 100%;}
.module01 .box .imglist.active{ display: block;}
.module01 .box .imglist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5rem;}
.module01 .box .imglist ul li{ width: 25%; padding: 1.5rem;}
.module01 .box .imglist ul li a{ display: block; position: relative; overflow: hidden; background: #fff;}
.module01 .box .imglist ul li .txt{width: 100%; height: auto; line-height: 2; color: #333; text-align: center;}
.module01 .box .imglist ul li h3{ line-height: 3; border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module01 .box .imglist ul li p{ padding: 2rem; font-size: 1.2rem; color: #666;}
.module01 .box .imglist ul li p span{ display: block; text-align: left;}
.module01 .box .imglist ul li p span.more{ background: #eee; padding: 5px 15px; border-radius: 3rem;}
.module01 .box .imglist ul li img{ max-width: 60%; left: 20%; transition: all 0.5s;}
.module01 .box .imglist ul li:hover img{ transform: scale(0.9);}
.module01 .box .imglist ul li:hover h3{ color:#da0000;}
.module01 .box .imglist ul li:hover p span.more{ background: #da0000; color: #fff;}

@media screen and (max-width:1199px){
    .module01 .box .imglist ul li{ width:33.33%;}
    .module01 .box .imglist > ul > li:nth-child(n+7){ display: none;}
}
@media screen and (max-width:767px){
    .module01 .box .menubar{ align-items: stretch;}
    .module01 .box .menubar a{ margin:0.5px; width:calc(33.33% - 1px); background: #ddd; height: auto; line-height: 1.2; padding: 1rem; display: flex; justify-content: center; align-items: center;}
    .module01 .box .imglist{ margin-bottom: 0;}
    .module01 .box .imglist ul{ margin: 0;}
    .module01 .box .imglist ul li{ padding: 0; width: 49%; margin-bottom: 1rem;}
    .module01 .box .imglist ul li p{ padding: 1.5rem;}
    .module01 .box .imglist ul li p span.more{ display: none;}
}
/**/
.module02{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden;}
.module02 .box ul li{ width: calc(25% - 0.5px); position: relative; margin-bottom: 1px; background: #000; overflow: hidden;}
.module02 .box ul li.big{ width: calc(50% - 0.5px);}
.module02 .box ul li .img-cover{ padding-bottom: 100%;}
.module02 .box ul li.big .img-cover{ padding-bottom: 50%;}
.module02 .box ul li img{ opacity: 0.7;}
.module02 .box ul li .txt{ position: absolute; top: calc(100% - 8rem); left: 0; width: 100%; height: 100%; padding:0 2rem; transition: all 0.5s;}
.module02 .box ul li h3{ color: #fff; font-size: 2.5rem; height: 8rem; line-height: 8rem;}
.module02 .box ul li p{ height: auto; overflow: hidden; line-height: 2.5;}
.module02 .box ul li p a{ color: #fff; display: block; font-size: 1.4rem; padding-left: 2rem; background: URL(../images/dot.png) no-repeat left center; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module02 .box ul li a.more{ position: absolute; right: -10rem; bottom: 2rem; font-size: 1.2rem; padding: 1rem 2rem; background: none; border: 1px solid #fff; color: #fff; transition: all 0.5s;}
.module02 .box ul li:hover .txt{ background: rgba(218, 0, 0, .7); top: 0;}
.module02 .box ul li:hover a.more{ right: 2rem;}
.module02 .box ul li p a:hover{text-decoration: underline;}
@media screen and (max-width:767px){
    .module02 .box ul li.big{ width: 100%;}
    .module02 .box ul li{ width: calc(50% - 0.5px);}
    .module02 .box ul li .txt{ top: 0;}
    .module02 .box ul li h3{ font-size: 2rem;}
    .module02 .box ul li p{ display: none;}
    .module02 .box ul li a.more{ right: 2rem; background: #da0000; border: 0;}
}

/**/
.module03{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden; background:url(../images/bg2.jpg) no-repeat center; background-size: cover;}
.module03 .tit h3,.module03 .tit p{ color: #fff;}
.module03 .box .swiper-slide a{ display: block; padding: 5px; background: #fff;}
.module03 .box .swiper-container{ padding-bottom: 6rem;}
.module03 .box .swiper-pagination-bullet{ background: #fff;}
.module03 .box .swiper-pagination-bullet-active{ background: #da0000;}
.module03 .box .swiper-slide .txt{ padding: 1rem;}
.module03 .box .swiper-slide h3{ line-height: 2; font-size: 1.6rem;}
.module03 .box .swiper-slide p{ font-size: 1.4rem; line-height: 2; color: #666;}
.module03 .box .swiper-slide p:last-child{ padding-top: 2rem;}
.module03 .box .swiper-slide p span:last-child{ background: #aaa; color: #fff; padding: 0 1rem;}
.module03 .box .swiper-slide:hover h3{ color: #da0000;}
.module03 .box .swiper-slide:hover p span:last-child{ background: #da0000; color: #fff;}
.module03 .box .swiper-button-next,.module03 .box .swiper-button-prev{ background: #da0000; color: #fff; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; }

/*news*/
.module04{ width: 100%; height: auto; padding: 5rem 0; background: #fff;}
.module04-box{ width: 100%; height: auto;}
.module04-nav{ margin-bottom: 3rem;}
.module04-nav ul{ align-items: stretch;}
.module04-nav ul li:first-child{ width:calc(50% - 1rem);}
.module04-nav ul li:last-child{ width:calc(50% - 1rem);}
.module04-nav ul li a{ display: block; position: relative; background: #aaa; height: 100%;}
.module04-nav ul li .imgbox{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.module04-nav ul li:first-child .imgbox{ padding-bottom: 50%;}
.module04-nav ul li:last-child .imgbox{ padding-bottom: 50%;}
.module04-nav ul li .txtbox{ position: absolute; left: 0; bottom: 0; width: 100%; height:auto; padding: 1rem; background: rgba(0, 0, 0, .5); transition: all 0.5s;}
.module04-nav ul li:hover .txtbox{ background:#da0000;}
.module04-nav ul li .txtbox h3{ color: #fff; font-weight: normal; font-size: 1.2rem; line-height: 2;}
.module04-nav ul li .txtbox p{ color: #fff; font-weight: bold; font-size: 1.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module04-list ul{ align-items: stretch;}
.module04-list ul li{ position: relative; width: calc(33.33% - 2rem); background: #f5f5f5; padding: 3rem;}
.module04-list ul li a{ display: block; position: relative; z-index: 1;}
.module04-list ul li .date{ justify-content: flex-start; align-items: flex-end;}
.module04-list ul li .date span.m{ font-weight: bold; display: block; font-size: 5rem; line-height: 1;}
.module04-list ul li .date span.d{ font-weight: bold; display: block; font-size: 2rem; line-height: 1;}
.module04-list ul li .date span.c{ position: absolute; right: -3rem; top: -3rem; display: block; margin-left: 1rem; line-height: 2; color: #fff; font-size: 1.2rem; background: #da0000; padding: 0.5rem 1rem;}
.module04-list ul li h3{ margin: 1rem 0; line-height: 2; font-size: 1.6rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.module04-list ul li p{ font-size: 1.4rem; color: #888; text-align: justify; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.module04-list ul li::after{ content: ""; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 0; background: #da0000; }
.module04-list ul li:hover::after{ height: 100%;}
.module04-list ul li:hover h3,.module04-list ul li:hover p,.module04-list ul li:hover .date,.module04-list ul li:hover .date span{ color: #fff;}
@media (max-width:1199px){
    .module04 .module04-nav ul li{ width: 100%; margin-bottom: 1px;}
    .module04 .module04-nav ul li .imgbox{ padding-bottom: 50%;}
    .module04-list ul li{ width: 100%; margin-bottom: 3rem;}
}
@media (max-width:767px){
    .module04-list ul li{ margin-bottom: 1rem;}
}

.m-kefu-btn{ position: fixed; z-index: 999; bottom: 2rem; right: 2rem; width: 6rem; height: 6rem; border-radius: 50%; background:url(../images/kefubtn.png) no-repeat center #fff; background-size: 3rem; cursor: pointer; box-shadow: 0 0  1rem rgba(0, 0, 0, .1); transition: all 0.5s;}
.m-kefu-btn.act{ bottom: 8rem;}
.m-kefu-bg{ position: fixed; display: none; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: all 0.5s;}
.m-kefu-box{ position: fixed; z-index: 1001; right: -100%; bottom: 9rem; width: 70%; max-width: 30rem; height: auto; padding: 2rem; border-radius: 1rem; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,.2); transition: all 0.5s;}
.m-kefu-box ul{ flex-direction: column; align-items: flex-start;}
.m-kefu-box ul li{ padding: 1rem 0;}
.m-kefu-box ul li p{ line-height: 2rem;}
.m-kefu-box ul li a{ display: flex; justify-content: flex-start; align-items: flex-start;}
.m-kefu-box ul li span{ display: block; width: 2rem;min-width: 2rem; height: 2rem;margin-right: 1rem;}
.m-kefu-box ul li span.kefu1{ background: url(../images/i04.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu2{ background: url(../images/i01.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu3{ background: url(../images/i03.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu4{ background: url(../images/i02.png) no-repeat center; background-size: 2rem;}
.return {
    position: fixed;
    z-index: 998;
    width: 5rem;
    height: 5rem;
    bottom: 2rem;
    right: 2.5rem;
    opacity: 0;
    background-color: #da0000;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url(../images/fanhui.png);
    transition: all 0.5s;
  }
  .return.on{ opacity: 1;}