@import url(ui.css);
@import url(animate.min.css);
@import url(swiper.min.css);
@import url(font-awesome.min.css);

*{ margin:0; padding: 0; outline: none; box-sizing: border-box; }
body{font-family:Arial, 'microsoft yahei', "Helvetica Neue", Helvetica, sans-serif; background: #f9f9f9; color: #333; font-size: 14px;}

a{ color: #323232; text-decoration:none}
a:hover{ color: rgba(102,5,5,1); }

.header{ height: 70px; background: rgba(120,10,10,0.8);position: relative; z-index: 999; }
.header .logo{ float: left; height: 70px; line-height: 70px; }
.header .nav{ float: right;  font-size: 0; margin:0 100px; }
.header .nav li{ display: inline-block; }
.header .nav li a{ display: block; padding:0 30px; line-height: 70px; font-size: 16px; color:rgba(255,255,255,0.8);  }
.header .nav li a:hover,.header .nav li.active a{ color: #FFF; }

.header .nav li .dropdown-box{ display: none; position: absolute; left: 0; top:100%; width: 100%; height:55px; background: rgba(80,1,1,0.8); text-align: center;}
.header .nav li .dropdown-box a:hover{width: 100%; height:55px; color: #FFF; background: rgba(50,5,5,0.8); }
.header .nav li .dropdown-box p{ display: inline-block;font-size: 15px; line-height:55px; }
.header .nav li .dropdown-box p a{ font-size: 15px; color: #FFF; padding: 0 30px;line-height:55px;  }
.header .nav li.open .dropdown-box{display:block;}

.search{ position: relative; line-height: 70px; width: 50px; float: right; }
.search-btns i{ font-size: 20px; color: #FFF; }
.search-con{ display: none; position: absolute; right: 0; top:100%; width: 500px; }
.search-con form{ display: flex; height:45px; }
.search-con form input{ flex:1;height: 100%; background: rgba(255,255,255,0.8); border:1px solid #d2d2d2;  outline: none; padding-left: 10px;  }
.search-con form button{ cursor: pointer; width: 85px; height: 100%; background: #022201; color: #FFF; border: none; outline: none; font-size: 18px;  }
.search-con form button i{ margin-right: 8px; }

.banner{ position: absolute; left: 0;top:0;  width: 100%; height: 100vh; z-index: 99; }
.banner .swiper-slide{ background: no-repeat center /cover; }
.banner .swiper-button-prev{ z-index: 101; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .swiper-button-next{ z-index: 101; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.banner .text{ position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 100; }
.banner .text .container{ height: 100%; }
.banner .text-con{ display: flex; align-items: center; color: #FFF; height: 100%; width: 560px;}
.banner .text-con h2{ font-weight: normal; font-size: 36px; padding-bottom: 35px; margin-bottom:25px; border-bottom: 1px dashed #FFF; }
.banner .text-con p{ line-height: 30px; }
.banner .text-con .more{ margin:50px 0 100px; }
.banner .text-con .more a{ display: inline-block; padding: 0 35px; line-height: 32px; border: 1px solid #FFF; border-radius: 5px; color: #FFF; }
.banner .text-con .in-lanmu a{ display: inline-block; line-height: 50px; padding: 0 30px; background: rgba(90,1,1,0.6); color: #FFF; font-size: 16px; font-weight: bold; margin:0 30px 0 0; }
.banner .text-con .in-lanmu a:hover{ background: rgba(90,1,1,0.9); }

.banner-sub{ background: no-repeat center / cover; height: 400px; display: flex; justify-content: center; align-items: center; }
.banner-sub .text{ font-size: 100px; color: #FFF; text-transform: uppercase; font-family:"Arial Black"  }

.lanmu-bg{ background: #FFF; border-bottom: 1px solid #eeeeee; height: 42px; position: relative; left: 0; top:0; width: 100%; z-index: 999;}
.lanmu-bg-fix{ position: fixed; }
.lanmu{ float: left; font-size: 0; }
.lanmu li{ display: inline-block; }
.lanmu li a{ display: block; font-size: 14px; padding: 0 20px; line-height: 42px; border-right: 1px solid #ddd; }
.lanmu li.active a{ background: rgba(90,1,1,0.9); color: #FFF; }
.crumbs{ float: right; line-height: 42px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.section{ padding: 40px 0; }
.bg-white{ background: #FFF; }
.p40{ padding: 40px; }

.about-1{ margin-bottom: 20px; }
.about-1 .text h2{ font-weight: normal; font-size: 24px; margin-bottom: 40px; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
.about-1 .text .desc h3{ font-size: 16px; margin-bottom: 8px; }
.about-1 .text .desc p{ line-height: 30px;font-size: 16px; }
.about-1 .pic{ height: 302px; margin-left: 60px; }
.about-1 .pic .swiper-slide{ background: no-repeat center /cover; }
.about-1 .pic .swiper-button-prev{ background: none; font-size: 24px; color: #FFF; }
.about-1 .pic .swiper-button-next{ background: none; font-size: 24px; color: #FFF;}
.about-1 .pic .swiper-pagination-bullet{ background:rgba(0,0,0,0.5); width: 10px; height: 10px;opacity: 1; border-radius: 0; }
.about-1 .pic .swiper-pagination-bullet-active{background-color:#FFF;}

.about-2{ margin-bottom: 20px; }
.about-2 .text h2{ font-weight: normal; font-size: 24px; margin-bottom: 40px; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
.about-2 .text .desc h3{ font-size: 16px; margin-bottom: 8px; }
.about-2 .text .desc p{ line-height: 30px; font-size: 16px; }
.about-2 .pic{ height: 332px; margin-right: 60px; }
.about-2 .pic .swiper-slide{ background: no-repeat center /cover; }
.about-2 .pic .swiper-button-prev{ background: none; font-size: 24px; color: #FFF; }
.about-2 .pic .swiper-button-next{ background: none; font-size: 24px; color: #FFF;}
.about-2 .pic .swiper-pagination-bullet{ background:rgba(0,0,0,0.5); width: 10px; height: 10px;opacity: 1; border-radius: 0; }
.about-2 .pic .swiper-pagination-bullet-active{background-color:#FFF;}

.footer{ padding-top: 30px; border-top: 1px solid #FFF; }
.fnav{ float: left; margin-right: 120px; text-align: center;}
.fnav a {display: block; height: 30px; line-height: 30px; overflow: hidden; }
.fnav span{ display: block; color: #666; transition: 0.5s; transform: translateY(0); }
.fnav i{ font-style: normal; display: block; color: #333;transition: 0.5s; transform: translateY(30px); }
.fnav a:hover span{ transform: translateY(-30px); }
.fnav a:hover i{ transform: translateY(-30px); }
.footer .ewm{ float: left; display: flex; text-align: center; }
.footer .ewm li{ width: 125px; margin:0 50px; }
.footer .ewm li img{ width: 100%; }
.footer .ewm li p{ margin-top: 8px; }
.footer .address{ width: 280px; float: right; }
.footer .address p{ display: flex; color: #333; margin-bottom: 10px; }
.footer .address p i{  margin-top: 2px; font-size: 18px; flex:0 0 30px; text-align: center;}

.footer .copyright{ margin-top: 10px; padding: 15px 0; line-height: 25px; text-align: center; }

.list-1 li a{ display: block; padding: 15px 0; border-bottom: 1px solid #eee; color: #999; overflow: hidden;}
.list-1 li .img-cover{ float: left; width: 300px; height: 160px;  transition:0.5s; }
.list-1 li .text{ margin-left: 320px; padding-top: 15px;  }
.list-1 li .text h2{ font-size: 16px; color: #333; }
.list-1 li .text p{  line-height: 25px; margin:15px 0; }
.list-1 li .text .date{ display: flex; justify-content: space-between; align-items: center; }
.list-1 li .text .date i{ margin-right: 5px; }
.list-1 li .img-cover:hover span{ transform: scale(1.1); }
.list-1 li a:hover .text h2{ text-decoration: underline; }

.list-2 li a{ display: block; padding: 10px 0; border-bottom: 1px solid #eee; color: #999; overflow: hidden;}
.list-2 li h2{ font-size: 16px; color: #333; font-weight: normal; }
.list-2 li .date{ display: flex; justify-content: space-between; align-items: center; margin-top: 8px;}
.list-2 li a:hover h2{ text-decoration: underline; font-weight: bold; }
.list-2 li .date i{ margin-right: 5px; }

.pages {text-align: center;font-size: 0; margin-top: 20px;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #ddd;border-radius: 3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.pages a:hover,.pages .page-num-current {background-color: rgba(102,5,5,0.8);color: #fff;}

.contact{ display: flex; justify-content: space-between; }
.contact .items{ background: #FFF; padding: 25px; flex:0 0 530px; display: flex;  }
.contact .items .pic{ text-align: center; flex:0 0 110px;}
.contact .items .pic img{ width: 100%; }
.contact .items .text{ margin-left: 20px; line-height: 25px; }
#allmap{ width: 100%; height: 470px; margin-top: 40px; }

.infocontent{ padding: 0 30px; }
.infocontent-title{margin-bottom:20px;text-align:center}
.infocontent-title h1{margin:0;font-size:24px}
.infocontent-title p{margin:10px 0 0;font-size:12px;color:#999}
.infocontent-title p span{padding:0 15px}
.infocontent-title p span i{ margin-right: 5px; }
.infocontent-body{line-height:2;margin-bottom:20px; font-size: 16px;}
.infocontent-body img{max-width:100% !important;}
.infocontent-epx{ margin-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.infocontent-epx li{ font-size: 12px; height: 30px;  display: flex;  align-items: center; }
.infocontent-epx li i{ margin-right: 5px; color: #999; }

.banner-subs{ background: no-repeat center / cover;  width: 100%; height: 100%; position: absolute; left: 0;top:0; z-index: 99;}

.lanmu-desc{ color: #FFF; padding-top: 90px; margin-bottom: 30px;}
.lanmu-desc h2{ font-size: 18px; margin-bottom: 10px; font-weight: normal; }
.lanmu-desc p{ font-size: 14px; line-height: 25px;}

.pro-menu{ font-size: 0; border-bottom: 1px solid rgba(90,1,1,1);background: rgba(90,1,1,0.6); display: flex; }
.pro-menu li{ flex:1;}
.pro-menu li a{ display: block;  line-height: 50px; font-size: 16px; color: #FFF; text-align: center;}
.pro-menu li.active a{ background: rgba(102,5,5,0.8); }
.pro-con{ background: rgba(90,1,1,0.6); color: #FFF; position: relative; }

.prod-menu{ float: left; width:130px;  position: absolute; bottom: 0; left: 0;}
.prod-menu li a{ display: block; line-height: 30px; background: rgba(0,0,0,0.3);  text-align: center; color: #FFF; }
.prod-menu li.active a{ background: rgba(0,0,0,0.5);  color: #FFF;}

.prod-con{ float: right; width:1070px; position:relative; height:100%; z-index:9; padding-bottom: 20px;  }
.prod-con .content{ padding: 20px; }
.prod-con .text{ float: left; width: 380px; color: #FFF; padding: 30px; }
.prod-con .text h2{ font-size: 18px; margin-bottom: 10px; }
.prod-con .text p{ line-height: 25px; }

.flash{ float: right; width: 580px; height: 360px; position: relative; }
.flash .swiper-slide{ background: no-repeat center / cover; width: 580px; height: 360px; }
.flash .swiper-button-prev{ width: 30px; height: 60px; background-size: 50%; background-color: rgba(0,0,0,0.6);  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }
.flash .swiper-button-next{ width: 30px; height: 60px; background-size: 50%;  background-color: rgba(0,0,0,0.6);  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E") }


/*视频列表*/
.lsFilter_con ul1{width: 100%;overflow: hidden; margin:0 auto;padding:0; display: flex; justify-content: center;} /* ul 视频 水平居中 */
.lsFilter_con ul{width: 100%;overflow: hidden;}
.lsFilter_con li{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2%;
    border-bottom: 1px solid #ececec;
	display:inline-block;
}
.lsFilter_con li .pic{
    width: 100%;  
	height:auto;
    box-sizing: border-box;
    text-align: center;
}
.lsFilter_con li .pic a{display: inline-block;box-sizing:border-box;padding: 12px; background: #fff;border: 1px solid #ececec;}
.lsFilter_con li .pic a img{width:240px; height: 150px}
.lsFilter_con li .pic a:hover{padding: 14px; border: 2px solid #b4694a;}

.lsFilter_con li .con{width: 100%;padding: 25px 0; text-align:center;}
.lsFilter_con li .con h3{
    width: 100%;
    font-size: 15px;
    color: #5f5f5f;
    margin: 0;
    margin-bottom: 10px;
}
.lsFilter_con li .con h3 span{
    display: inline-block;
    font-size: 12px;
    color: #9e9e9e;
}
.lsFilter_con li .con p{
    width: 100%;
    font-size: 12px;
    color: #9e9e9e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    margin-bottom: 10px;
}

@media(min-width:420px){
    .lsFilter_con li{
        float: left;
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .lsFilter_con li:nth-child(2n){margin-right: 0%;}
}
@media(min-width:768px){
    .lsFilter_con li{
        width: 22%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .lsFilter_con li:nth-child(2n){margin-right: 4%;}
    .lsFilter_con li:nth-child(4n){margin-right: 0%;}
}