@charset "utf-8";
.infoban{ text-align:center; height:380px; position:relative;}
.abbgb{ background:url(../images/subbanner.jpg) center no-repeat;}
.lixibg{ background:url(../images/lixiban.jpg) center no-repeat;}
.infoban p{ position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%); color:#fff; font-size:13px;}
.infoban p span{ line-height:2; display:block;}
.infoban em{color:#fff; font-weight: normal; font-family:"GOTHICB"; position:relative; display:inline-block; padding-bottom:10px; display:block; line-height:1.6; margin-bottom:10px;}
.infoban em:before{ width:70px; height:1px; background:#ddd; content:""; position:absolute; bottom:0; left:50%; margin-left:-35px;}
.infoban a{ color:#fff; font-size:13px;}

.infourl{ background:#fff; text-align:center;}
.infourl a{ border:1px #ddd solid; display:inline-block; transition: all 0.3s;}
@media screen and (min-width:760px) {
.infourl{ padding:35px 0;}
.infourl a{ margin:0 10px; padding:10px 25px;}
}
@media screen and (max-width:760px) {
.infourl{ padding:20px;}
.infourl a{ float:left; width:25%; line-height:2;}
}
.infourl a.lion{ background:#b33622; border:1px #b33622 solid; color:#fff;}
.infourl a:hover{ background:#b33622; border:1px #b33622 solid; color:#fff;}

.about_info{}

.about_info li{ display:block; position:relative; margin:4% 0;}
@media screen and (min-width:760px) {
.about_info li .about_infoimg{position:absolute; width:40%; height:100%; left:0; top:0;}
.about_info li .about_infoimg img{ width:100%;}
.about_info li .about_infos{ float:right; width:60%;  }
}
@media screen and (max-width:760px) {
.about_info li .about_infos{ margin-top:20px;}
}
.about_info li .about_infoimg img{ width:100%;}
.about_info li .about_infos{ padding:4% 0 4% 5%; color:#111; line-height:2;}
.about_info li .about_infos em{ display:block; line-height:2; color:#111;}
.about_info li:nth-child(2n){ padding:2% 0;}
.about_info li:nth-child(2n) .about_infoimg{ left:60%;}
.about_info li:nth-child(2n) .about_infos{ float:left; padding:4% 5% 4% 0;}

.about_ys{ display:block; line-height:2;}
.about_ys img{ display:block; float:right; margin:0 0 25px 30px; max-width:50%;}

.about_lishi{ padding:2% 0;}
.about_lishitop{ height:20px; background:url(../images/bg03.png) repeat-x; background-size:800px;}
.about_lishi ul{ margin-top:25px;}
.about_lishi li{ padding:30px 0;  transition: all 0.3s;}
.about_lishi li:nth-child(2n){ background-color: rgba(130, 130, 130, 0.1); }
.about_lishi li:hover{ box-shadow:0px 4px 22px #ddd; }
.about_lishi em{ color:#b73422; display:block; position:relative; font-weight:700; padding-left:20px; line-height:2;}
.about_lishi em:before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4px;
    display: block;
    width:6px;
    height:6px;
    border: 2px solid #666;
    border-radius: 10px;
}
.about_lishi p{ padding:0 20px; border-left: 2px solid rgba(67, 67, 67, .75); color:#666;}


.list_factory{ margin-bottom:30px;}
.list_factory ul{ margin-top:15px;}
.list_factory li{ border:1px #ddd solid; padding:10px;}
.list_factory li img{ width:100%;}
@media screen and (min-width:1300px) {
.list_factory li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.list_factory li:nth-child(4n){ margin-right:0}
}
@media screen and (max-width:1300px) and (min-width:760px) {
.list_factory li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.list_factory li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:760px) {
.list_factory li{  margin-bottom:20px;}
}


.list_video{background-color: rgba(255, 255, 255, 1); padding:2.5% 0;}
@media screen and (min-width:960px) {
.list_video li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:40px;}
.list_video li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:960px) {
.list_video li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:30px;}
.list_video li:nth-child(2n){ margin-right:0}
}
.list_video li .proimg{ position:relative;}
.list_video li .proimg a{ position:absolute; width:0; height:0; left:50%; top:50%; background:url(../images/videoico.png) rgba(0,0,0,0.3) center no-repeat; z-index:5; opacity:0; transition: all 0.6s;}
.list_video li:hover a{ opacity:1; width:100%; height:100%; left:0; top:0; cursor: pointer;}
.list_video li img.pbg{ width:100%;}
.list_video li img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.list_video li span{ margin-top:15px; font-family:"GOTHICB"; color:#333; line-height:25px; height:50px; display:block; text-align:center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}


.vidbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; background:rgba(0,0,0,0.4);}
.videocon { width:50%; margin: 12% auto 0 auto; }
@media(max-width:640px){
.videocon { width: 90%; margin:30% auto 0 auto; }
}
.videocon p { text-align:center; margin-top:15px;}
.videocon p i { cursor: pointer; font-size: 16px; color: #333; background:#fff; padding:13px 45px; border-radius:30px; display:inline-block;font-family:"GOTHICB";}
.videocon p i:hover{ background:#a11318; color:#fff;}
.videocon video { object-fit: fill; width:100% !important; height:auto !important;}

.pro_body{ padding:2.5% 0;}
.pro_body h2{ text-align:center; line-height:2; margin-bottom:15px;}
@media screen and (min-width:960px) {
.pro_body li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.pro_body li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:960px) {
.pro_body li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.pro_body li:nth-child(2n){ margin-right:0}
}
.pro_body li .proimg{ border:1px #edcaa7 solid; margin-bottom:10px; background:#000;}
.pro_body li a{ display:block; position:relative; overflow:hidden; }
.pro_body li a img.pbg{ width:100%;}
.pro_body li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.pro_body li:hover img.pimg{transform: scale(1.1); opacity:0.7;}
.pro_body li a i{ position:absolute; line-height:40px; width:100%; opacity:0; text-align:center; color:#fff; left:0; top:50%; transform: translateY(-50%); z-index:5; transition: all 0.3s;}
.pro_body li:hover i{ opacity:1;}
.pro_body li a i:before{ width:100%; height:1px; background:#fff; content:""; position:absolute; left:0; top:0; transition: all 0.3s;}
.pro_body li:hover i:before{ width:20px; left:50%; margin-left:-10px;}
.pro_body li a i:after{ width:100%; height:1px; background:#fff; content:""; position:absolute; left:0; bottom:0; transition: all 0.3s;}
.pro_body li:hover i:after{ width:20px; left:50%; margin-left:-10px;}
.pro_body li span{ color:#666; line-height:2; display:block; text-align:center;}
.pro_body a.more{ display:block; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; line-height:2; background:url(../images/mm01.png) right 5px center no-repeat; margin:10px;}
.pro_body a.more b{ font-weight:normal; background:#b33622; color:#fff; display:inline-block; padding:5px 12px; font-size:14px;}
.pro_body li:hover a.more{background:url(../images/mm02.png) right 5px center no-repeat;}


.list_news{ padding:3% 0 2%;}
.list_news li{ background:#fff; transition: all 0.3s; position:relative; border-top:1px #ddd solid;}
.list_news li a{ display:block; padding:20px 0;}
@media screen and (min-width:640px) {
.list_news li a .nimg{ width:180px; overflow:hidden; float:right;}
.list_news li a:hover .nimg img{transform: scale(1.1); max-width:180px;}
.list_news li a .nbody{ width: calc(70% - 110px); float:left; padding-left:60px;}
.list_news li a .ntime{ float:left; width:110px;}
}
@media screen and (max-width:640px) {
.list_news li a .ntime{ position:absolute; z-index:5; top:0; right:0; background-color:rgba(12,82,47,0.8); color:#fff; padding:15px;}
.list_news li a .nbody{ padding:0px;}
}

.list_news li a .nimg img{ width:100%; transition: all 0.3s;}
.list_news li a .ntime{ line-height:1.3; color:#999; font-family:"GOTHIC";}
.list_news li a .nbody{ box-sizing: border-box; position:relative; transition: all .5s ease;}

.list_news li a .nbody em{ font-family:"GOTHICB"; line-height:1;}
.list_news li a .nbody p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-top:15px; color:#777; line-height:1.2;}
.list_news li a .nbody:before{ content: ''; position: absolute; left: 0px; top: 1rem; display: block; width: 40px; height: 1px; background: #aaa; transition: all .5s ease; }
.list_news li a:hover .nbody:before{ width:60px;}
.list_news li a:hover .nbody{ padding-left:80px;}


.newsview{ padding:30px 0 35px;}
.view_title{ line-height:25px; padding:10px 0; text-align:center; color:#222; font-weight:700;}
.view_ps{ text-align:center; line-height:45px; border-bottom:1px #eaeaea solid; color:#666; font-family:"GOTHIC"; font-size:14px;}
.view_ps span{ padding:0 15px; color:#999;}
.view_body{ padding:30px 0; line-height:30px; }
.view_body img{ max-width:100% !important; height:auto !important; display:inline-block;}
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a{ line-height:2; color:#999;}
@media(min-width:760px){
.view_shxia a.nspre{ float:left; }
.view_shxia a.nsxia{ float:right;}
}
@media(max-width:760px){
.view_shxia a{ display:block;}
}
.view_shxia a:hover{ color:#2d68b1;}


.listfm{ background:#f8f8f8;}
.jiameng_title{ padding:3% 0; text-align:center;}
.jiameng_title em{ display:block; line-height:2;}
.jiameng_title span{ display:block; color:#ccc; font-family:"GOTHIC"; position:relative; padding-bottom:15px; text-transform:uppercase;}
.jiameng_title span:before{ content: ''; position: absolute; left:50%; bottom:0; display: block; width:60px; margin-left:-30px; height:4px; background: #333; transition: all .5s ease;}
.listfm_con{ padding-bottom:5%;}
.listfm_con p{ margin-bottom:15px;}
.listfm_con .mysty01{ width:100%; height:100px; border:0; outline:none; padding:15px;}
.listfm_con .mysty02{ width:100%; height:45px; line-height:45px; border:0; outline:none; padding:0 15px;}
.listfm_con .mysty03{ width:100%; height:45px; line-height:45px; border:0; outline:none; background:#111; color:#fff;}
.listfm_con li{ float:left; width: calc(50% - 15px); margin-right:30px; margin-bottom:15px; position:relative;}
.listfm_con li:nth-child(2n+0){ margin-right:0;}
.listfm_con li img{ position:absolute; z-index:1; right:0; top:0;}

.jiamg02{ background:#fafafa; padding:3% 0; margin-top:2%;}
.jiamg02 li{ float:left; width: calc(25% - 18px); margin-right:24px; background:#fff; padding:40px 35px; margin-bottom:24px; box-shadow:0px 0px 12px #0000000a; border-radius: 10px;}
.jiamg02 li:first-child{ padding:4% 2%; box-shadow:0px 0px 0px #fafafa; background:#fafafa;}
.jiamg02 li:nth-child(4n+0){ margin-right:0;}
.jiamg02 li img{ display:block; height:50px;}
.jiamg02 li span{ display:block; font-weight:700; color:#222; line-height:2; margin:20px 0;}
.jiamg02 li p{ line-height:24px; min-height:72px; font-size:14px; color:#696969;}
.jiamg02 li em{ display:block; line-height:2.5;}
.jiamg02 li i{ color:#ffc422; display:block; position:relative; padding-bottom:15px;}
.jiamg02 li i:before{ content: ''; position: absolute; left:0; bottom:0; display: block; width:60px; height:4px; background: #ffc422; transition: all .5s ease;}

.jiamg03{ background:#f1f1f1; padding-bottom:2%;}
.jiamg03 li{ float:left; width: calc(50% - 12px); margin-right:24px; background:#fff; padding:40px 35px; margin-bottom:24px; box-shadow:0px 0px 12px #0000000a; border-radius: 10px;}
.jiamg03 li:first-child{ background:#fff; width:100%;}
.jiamg03 li:nth-child(2n+1){ margin-right:0;}
.jiamg03 li img{ display:block; height:50px;}
.jiamg03 li span{ display:block; font-weight:700; color:#222; line-height:2; margin:20px 0;}
.jiamg03 li p{ line-height:24px; min-height:72px; font-size:14px; color:#696969;}
.jiamg03 li em{ display:block; line-height:2.5;}

.jiamg04{ background:#f9f7f4; padding-bottom:2%;}
.jiamg04 img{ display:block; margin:0 auto; max-width:815px;}

.jingxiaosh{ padding:1% 0 2%;}
.jingxiaosh li{ margin:30px 0;}
.jingxiaosh li a{ display:block; padding-right:70px; background:url(../images/me01.png) right no-repeat;}
.jingxiaosh li a:hover{ background:url(../images/me02.png) right no-repeat;}
.jingxiaosh li a em{ font-weight:700; line-height:2;}
.jingxiaosh li a p{ font-size:14px; line-height:1.6; color:#777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.jingxiaosh li a i{ display:none; transition: all 0.3s;}
.jingxiaosh li a .jxtime{ float:left; width:95px; background:#f5f5f5; text-align:center; font-family:"GOTHIC"; padding:10px 15px; color:#e7463c; margin-right:20px; transition: all 0.3s;}
.jingxiaosh li a .jxtime i{ display:block; line-height:1.5; font-family:"GOTHICB";}
.jingxiaosh li a:hover .jxtime{ background:#b33622; color:#fff;}
.jingxiaosh li:nth-child(1){ background:#f9f9f9; padding:25px;}
.jingxiaosh li:nth-child(1) .jxtime{ display:none;}
.jingxiaosh li:nth-child(1) a{ padding-right:0; background:none;}
.jingxiaosh li:nth-child(1) a i{ display:inline-block; background:url(../images/ico05.png) #b33622 right 15px center no-repeat; padding:7px 25px; color:#fff; font-size:14px; padding-right:40px; margin-top:10px;}
.jingxiaosh li:nth-child(1) a:hover i{ background-color:#e7463c;}

.proviews{ background:#fff; padding:3% 0;}
.proview{ background:url(../images/pbg.jpg) center top no-repeat; padding:3% 0;}
@media(min-width: 1260px){
.proview_img{ width: calc(55% - 35px); float:left;}
.proview_con{ width:45%; float:right;}
.block60{ height:50px;}
}
@media(max-width: 1260px){
.proview_con{ padding:20px;}
}
.bigSwiper{ position:relative; height:100%; width: 100%;  border:1px #ddd solid;}
.bigSwiper img{ display:block; margin:0 auto; max-height:460px; max-width:100%;}
.bigSwiper i{ display:block; position:absolute; right:0; bottom:0; width:30px; height:30px; z-index:10; background:url(../images/jia.jpg) no-repeat;}
.proview_img .smallSwiper{ margin:15px 30px; height: 20%;box-sizing: border-box; padding:15px 0; position:relative;}
.proview_img .smallSwiper .swiper-slide { width:20%; border:1px #d3d3d3 solid; cursor: pointer; }
.proview_img .smallSwiper .swiper-slide-thumb-active { border:1px #e60020 solid; }
.proview_img .smallSwiper .swiper-slide img{ width:100%; height:100%;}
.smallpic{ position:relative; background:#f1f1f1}
.proview_img .swiper-nextp{ position:absolute; left:0px; top:50%; transform: translateY(-50%); cursor: pointer; padding:0px; z-index:5;}
.proview_img .swiper-prevp{ position:absolute; right:0px; top:50%; transform: translateY(-50%); cursor: pointer; padding:0px; z-index:5;}

.proview_con h1{ color:#c01925; line-height:2; font-family:"GOTHICB";}
.proview_con span{ display:block; margin:20px 0; color:#666; font-size:15px;}
.proview_con p{ line-height:2; font-size:14px; color:#666;}
.proview_con em{ font-weight:700; display:block; margin-top:5%; line-height:2;}
.proview_con i{ color:#c01925; display:block; font-weight:700; line-height:2;}
.proview_con a{ display:inline-block; margin-top:3%; background:#c01925; color:#c01925; color:#fff; border-radius:20px; padding:12px 45px;}

.listlixi{ padding:4% 0;}
.listlixi li{ float:left; width:50%; text-align:center;}
.listlixi li img{ display:block; margin:0 auto;}
.listlixi li em{ display:block; line-height:2.5;}
.listlixi li p{ color:#666;}

.network{ display:block; background:#f4f4f4; padding:5%;}
@media(min-width:960px){
.mymaptxt{ float:left; width:35%; height:650px; padding:30px;}
.mymap{ width:65%; height:650px; float:right;}
}
@media(max-width:960px){
.mymaptxt{ height:auto; padding:20px;}
.mymap{ height:360px;}
}
.mymaptxt{ background:#f9f9f9; box-sizing: border-box;}
.mymaptxt p{ display:block; padding:15px 15px 15px 30px; border-bottom:1px #ddd dashed; background:url(../images/zb.png) left top 20px no-repeat; margin:15px 0;}
.mymaptxt p a{ display:block; color:#999; font-size:14px;}
.mymaptxt p a span{ display:block; font-weight:700; color:#333; line-height:35px;}
.mymap{ box-sizing: border-box; padding:20px; background:#fff; border-left:1px #ddd solid;}
#mymap{ width:100%; height:100%;}