@charset "utf-8";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #666; line-height:24px;overflow-x: hidden;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0;}
img{ border:none;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.m15{ margin-top:15px;}
.m60{ margin-top:60px;}
.m80{ margin-top:80px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{ width:1200px; height:auto;}

.top{ width:100%; height:40px; color:#777; line-height:40px; font-size:12px; border-bottom: 1px solid #dfe1e3;}
.top font{ float:left;}
.top p{ float: right;}
.top p a{ margin:0px 10px; color:#777;}
.top p a:hover{ text-decoration:underline;}

.logo{}
.tel{ margin-top:10px;}
.search{width: 264px;height:30px;background:#fff;position: relative; margin-top:10px;}
#infoname{width: 212px;height:28px;background:none;border:none;text-indent: 6px;color:  #666; border:1px solid #eaeaea;}
.search .z{position:absolute;top:0px;right:0px; line-height: 30px; width:52px;  height: 30px;}
.search .z button{border:none;background:none;cursor: pointer;outline: none;height: 30px;width: 52px;background:#e70012;color: #fff; font-size: 12px;}

.nav{height: 50px;background:#e70012;}
.nav li{width: 150px;line-height: 50px;text-align: center;display: block;z-index: 11;float: left;position: relative;}
.nav li:first-child{background: none;}
.nav li a{display: block;font-size: 16px;color: #fff;}
.nav li a:hover{background:#000; text-decoration:underline; }
.nav .subnav{background: #313131;}
.nav .subnav{position: absolute;left: 0px; z-index:199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 100%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.nav .subnav a{color: #fff;line-height: 45px;font-size: 14px;display: block;border-bottom: 1px solid rgba(170,170,170,.2);}
.nav .subnav a:hover{background:#fff; color:#e70012; font-weight:bold; text-decoration:underline;}

.banner{width: 100%; height:auto; position: relative;}
.banner .swiper-container{height:auto;}
.banner .swiper-container .swiper-slide{width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide a{display: block; width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide .item{width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide .item img{ width:100%;}
.banner .swiper-container .swiper-pagination{bottom: 30px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border-radius:100%; border:1px solid #fff; opacity:1;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#FFF;opacity: 1;}

.tit{ text-align:center; }
.tit h2 { font-size:30px; font-weight:normal; letter-spacing:3px;}
.tit h2 span{ color:#800000 }
.tit_line{ height:6px; background: url(../images/tit_line.jpg) center center no-repeat; margin-top:10px;}

.prodc{ width:1210px;}
.prodc li{ float:left; width:290px; margin-right:12px; margin-top:30px;}
.prodc li img{ width:calc(100% - 2px); border:1px solid #999; height: 212px;}
.prodc li p{ width:100%; height:40px; text-align:center; line-height:40px; background:#eee;}
.prodc li p a{ color:#000;}
.prodc li p:hover{ background:#e70012;}
.prodc li p:hover a{ color:#FFF;}
.prodc li img:hover{ opacity:.8;}

.box{ display:flex; justify-content: space-between;}
.sanbox{ width:32.5%;}
.ntit{ height:30px; line-height:30px; position:relative;}
.ntit h2{ float:left; font-size:21px; color:#000; background:#FFF; padding:0 5px; position:relative; z-index:999;}
.ntit .line{ width:100%; height:1px; background:#999; position:absolute; z-index:99; top:14px; left:0px;}
.news{ margin-top:20px;}
.news li{ margin-top:15px; overflow:hidden;}
.news li .shu{ float:left; height:72px; text-align:center; line-height:72px; color:#6b6b6b; font-size:50px; position:relative;}
.news li .shu::after{content: " ";position: absolute;right:-7px;top: 11px;width: 1px;height: 50px; background:#999;}
.news li .info{ float:right; width:80%;}
.news li .info h2{ font-size:16px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news li .info h2 a{ color:#d20010;}
.news li .info p{ font-size:13px; text-indent:2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.imgleft{width:100%;height: auto;margin-top: 30px;position: relative;}
.imgleft li{ position:relative;}
.imgleft .item{width:390px;height:292px;position: absolute;left: 0;top: 0;display: block;z-index: 9999;}
.imgleft .item:after{ content: ""; position: absolute;top: 0; left:0;width: 100%;height:90%; background: rgba(0, 0, 0, 0.1); display:none; transition: all .4s ease-in-out 0s;}
.imgleft .item img{width:100%;height:auto;transition: all .5s;display: block; transition: all .4s ease-in-out 0s;}
.imgleft .item .txtcon{width: 100%;position: absolute;left: 0;top:263px;background: rgba(0, 0, 0, 0.6);color: #fff;}
.imgleft .item .txtcon h3{font-size: 14px;line-height:50px;text-align: left; font-weight:normal; text-indent:2em;}
.imgleft .item .txtcon h3 a{ color:#FFF;}
.imgleft .item:hover img{filter: brightness(105%); transform: scale(1.1); webkit-transform: scale(1.1); }
.imgleft .hd{position: absolute;top: 0;width: 100%;height: 450px;}
.imgleft .hd .prev{width: 27px;height: 60px;background-position: -52px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 30%;margin-top: -30px;left: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.imgleft .hd .next{width: 27px;height: 60px;background-position: -77px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 30%;margin-top: -30px;right: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.imgleft .item:hover:after{display:block;}
.icos{background: url(../images/icons.png) no-repeat; display: inline-block; vertical-align: middle;}

.case{}
.case li{ float:left; width:180px; margin-top:10px;}
.case li:nth-child(2n){ float:right;}
.case li img{width: 180px;height: 137px;}
.case li p{ width:100%; height:30px; text-align:center; line-height:30px; background:#eee;}
.case li p a{ color:#000;}
.case li p:hover{ background:#e70012;}
.case li p:hover a{ color:#FFF;}
.case li img:hover{ opacity:.8;}

.ys_bg{ background:#f4f4f4; padding:30px 0; overflow:hidden;}
.ystit{ text-align:center;}
.ysw{ width:390px;}
.ysw li{ list-style: none; border-bottom:1px #C0C0C0 dashed; padding:10px 0px; margin-bottom:15px;}
.ysw h3{ color: #333333; padding-left: 20px;  background: url(../images/wdys.jpg) no-repeat left center ; }
.ysw span{ margin-top:10px; display:block;color: #505050; font-size:14px; vertical-align:middle; }
.ysw span img{ vertical-align:middle; }
.ysw span strong{font-size:28px;color:#e70012; }
.yst{ width:390px; margin-top:30px;}
.yst img{ width:100%;}

.about_gsjj{background:url(../images/sy_gsjj.png) no-repeat left top ; font-size: 21px; color:#000000; line-height: 20px; font-weight: bold ; padding-left: 41px; padding-top: 8px;}
.about_gsjj span{color: #666666; font-size: 14px; font-weight: bold ; margin-top:10px; display:block;}
.about dt{ float:left; width:460px;}
.about dt img{ width:100%;}
.about dd{ float:right; width:700px;}
.about dd p{ text-indent:2em; margin-bottom:20px; font-size:16px; line-height:30px;}

.link{ width:100%; background:#e70012; height:40px; line-height:40px; color:#FFF;}
.link li{ float:left; font-weight:bold; margin-right:15px;}
.link li a{ color:#FFF;}
.link li a:hover{ text-decoration:underline;}

.foot{ background:#4a4a4a; padding:30px 0 10px; overflow:hidden;}
.foot_l{ color:#FFF; font-size:16px; line-height:36px;}
.foot_r li{ float:left; margin-left:150px; text-align:center; color:#FFF;}
.foot_r li p{ line-height:40px;}

.footer{ text-align:center; height:40px; line-height:40px; background:#000; color:#FFF; font-size:13px;}
.footer a{ color:#FFF;}
.footer a:hover{ text-decoration:underline;}

.left{ width:270px;}
.left h2{ font-size:21px; background:#d20010; line-height:60px; text-align:center;  border-radius: 15px 15px 0 0; font-weight:normal; color:#FFF;}
.cpfl{ background:#eeeeee; padding:10px;}
.cpfl li{ background:#FFF; margin-bottom:8px; font-size:18px; font-weight:bold; line-height:50px; text-align:center; -webkit-box-shadow: 4px 4px 5px -2px rgba(20%,20%,40%,0.5);}
.cpfl li a{ color:#FF0000;}
.cpfl li .xiala{ text-align:left;}
.cpfl li .xiala p{ background:url(../images/sanjiao.gif) 50px center no-repeat; line-height:36px; font-weight:normal; font-size:16px; text-indent:70px;}
.cpfl li .xiala p a{ color:#2F2F2F;}
.cpfl li a:hover,.cpfl li .xiala p a:hover{color:#B00004;}
.lxwm{ background:#eeeeee; padding:10px;}
.lxwm p{ margin-top:5px;}
.lxwm p b{ color:#d20010; font-size:16px;}

.right{ width:900px;}
.posd{border-bottom: 1px solid #d2d2d2;  height:40px; line-height:40px;}
.posd h2{ float:left;  font-size:18px; font-weight:normal; color:#B00004;}
.posd p{ float:right;}

.artid{}
.artid h1{ font-size:18px; text-align:center; height:50px; line-height:50px; color:#333; border-bottom:1px solid #f1f1f1; }
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden;}
.artid .data span{ margin:0 20px;}

.news_list{ margin-top:20px;}
.news_list li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2; }
.news_list li a{color:#2F2F2F;}
.news_list li span{ float:right;}
.news_list li a:hover{color:#e90207;}

.prodc_list{ width:910px;}
.prodc_list li{ float:left; width:290px; margin-right:13px; margin-top:30px;}
.prodc_list li img{ width:calc(100% - 2px); border:1px solid #999; height: 212px;}
.prodc_list li p{ width:100%; height:40px; text-align:center; line-height:40px; background:#eee;}
.prodc_list li p a{ color:#000;}
.prodc_list li p:hover{ background:#e70012;}
.prodc_list li p:hover a{ color:#FFF;}
.prodc_list li img:hover{ opacity:.8;}







.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#d20010;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 11px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #d20010; color: #fff;border: 1px solid #d20010}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #d20010;padding:5px 11px;margin: 0 3px;background: #d20010;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}

.footer-fix{ display:none;}
@media screen and (max-width: 767px) {
.center{ width:100%;}	
.mag{ margin-top:3%;}	
.top{ display:none;}

.logo{ width:100%;}	
.logo img{ width:100%;}
.tel{ display:none;}
.nav{height:auto; background:#e70012; overflow:hidden;}
.nav li{width:33.0999999%;line-height:40px;text-align: center; background:#e70012; display: block;z-index: 11;float: left;position: relative; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.nav li:first-child{background:#e70012;}
.nav li:nth-child(3){ border-right:none;}
.nav li:nth-child(4){ display:none;}
.nav li:nth-child(7){ border-right:none;}
.nav li a{display: block;font-size: 16px;color: #fff;}
.nav li a:hover{background:#000; text-decoration:underline; }
.nav .subnav{ display:none;}
.nav li:hover .subnav{opacity: 0;}	

.banner .swiper-container .swiper-pagination{bottom: 10px;}

.tit{ text-align:center; }
.tit h2 { font-size:26px; font-weight:normal; letter-spacing:3px;}
.tit h2 span{ color:#800000 }
.tit_line{ height:6px; background: url(../images/tit_line.jpg) center center no-repeat; margin-top:10px; background-size:90%;}

.prodc{ width:100%;}
.prodc li{ float:left; width:98%; margin:3% 0 0 1%;}
.prodc li img {height: auto;}

.box{ display:inline-block; justify-content: space-between;}
.sanbox{ width:96%; margin:0 auto; margin-bottom:3%}
.news{ margin-top:20px;}
.news li{ margin-top:15px; overflow:hidden;}
.news li .shu{ display:none;}
.news li .info{ float:right; width:100%;}
.news li .info h2{ font-size:16px;}
.news li .info h2 a{ color:#d20010;}
.news li .info p{ font-size:13px; text-indent:2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.imgleft{width:100%;height: auto;margin-top: 3%;position: relative;}
.imgleft li{ position:relative;}
.imgleft .item{width:100%;height:auto;position: absolute;left: 0;top: 0;display: block;z-index: 9999;}
.imgleft .item:after{ content: ""; position: absolute;top: 0; left:0;width: 100%;height:90%; background: rgba(0, 0, 0, 0.1); display:none; transition: all .4s ease-in-out 0s;}
.imgleft .item img{width:100%;height:auto;transition: all .5s;display: block; transition: all .4s ease-in-out 0s;}
.imgleft .item .txtcon{width: 100%;position: absolute;left: 0;top:calc(100% - 50px);background: rgba(0, 0, 0, 0.6);color: #fff;}
.imgleft .hd .prev{width: 27px;height: 60px;background-position: -52px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 20%;margin-top: -30px;left: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.imgleft .hd .next{width: 27px;height: 60px;background-position: -77px -103px;background-color: rgba(0,0,0,0.49);cursor: pointer;position: absolute;top: 20%;margin-top: -30px;right: 0;z-index: 9999;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}


.case{}
.case li{ float:left; width:48%; margin-top:10px;}
.case li:nth-child(2n){ float:right;}
.case li img{ width:100%; height:120px;}
.case li p{ width:100%; height:30px; text-align:center; line-height:30px; background:#eee;}
.case li p a{ color:#000;}
.case li p:hover{ background:#e70012;}
.case li p:hover a{ color:#FFF;}
.case li img:hover{ opacity:.8;}

.ys_bg{ width:100%; background:#f4f4f4; padding:3% 0; overflow:hidden;}
.ystit{ text-align:center;}
.ystit img{ width:90%;}
.ysw{ width:90%; margin:0 auto;}
.ysw li{ list-style: none; border-bottom:1px #C0C0C0 dashed; padding:10px 0px; margin-bottom:15px;}
.ysw h3{ color: #333333; padding-left: 20px;  background: url(../images/wdys.jpg) no-repeat left center ; }
.ysw span{ margin-top:10px; display:block;color: #505050; font-size:14px; vertical-align:middle; }
.ysw span img{ vertical-align:middle; }
.ysw span strong{font-size:28px;color:#e70012; }
.yst{ width:90%; margin:3% auto;}
.yst img{ width:100%;}

.about_gsjj{background:url(../images/sy_gsjj.png) no-repeat left top ; font-size: 21px; color:#000000; line-height: 20px; font-weight: bold ; padding-left: 41px; padding-top: 8px;}
.about_gsjj span{color: #666666; font-size: 14px; font-weight: bold ; margin-top:10px; display:block;}
.about dt{ float:none; width:100%; margin-top:3%;}
.about dt img{ width:100%;}
.about dd{ float:none; width:96%; margin:3% auto; overflow:hidden;}
.about dd p{ text-indent:2em; margin-bottom:20px; font-size:13px; line-height:30px;}

.link{ width:100%; background:#e70012; height:40px; line-height:40px; color:#FFF;}
.link li{ float:left; font-weight:normal; margin-right:0%; margin-left:1%;}
.link li a{ color:#FFF;}
.link li a:hover{ text-decoration:underline;}

.foot{ background:#4a4a4a; padding:3% 0 10px; overflow:hidden;}
.foot_l{ margin-left:5%; width:90% color:#FFF; font-size:15px; line-height:30px;}
.foot_r{ display:none;}

.footer{ text-align:center; height:40px; line-height:40px; background:#000; color:#FFF; font-size:12px; overflow:hidden; margin-bottom:56px;}
.footer a{ color:#FFF;}
.footer a:hover{ text-decoration:underline;}

.footer-fix{position: fixed;bottom: 0;left: 0;width: 100%;background-color:#FFF;z-index: 10;display: block !important;}
.footer-fix li{float: left;width:33.333%;}
.footer-fix li a{display: block;text-align: center;color:#898989;padding: 7px 0;font-size: 14px;line-height: 1;}
.footer-fix li i{display: block;height: 20px;background: no-repeat center;margin-bottom: 4px;}
.footer-fix li i.i1{background-image: url(../images/f_01.png);}
.footer-fix li i.i2{background-image: url(../images/f_02.png);}
.footer-fix li i.i3{background-image: url(../images/f_03.png);}

.nbanner{ display:none;}
.left{ display:none;}

.right{ width:96%; margin-right:2%;}
.posd{border-bottom: 1px solid #d2d2d2;  height:40px; line-height:40px;}
.posd h2{ float:left;  font-size:16px; font-weight:normal; color:#B00004;}
.posd p{ float:right; font-size:13px;}

.artid{}
.artid h1{ font-size:18px; text-align:center; height:50px; line-height:50px; color:#333; border-bottom:1px solid #f1f1f1; }
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden;}
.artid .data span{ margin:0 2%;}

.news_list{ margin-top:2%;}
.news_list li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2; overflow:hidden; }
.news_list li a{ float:left; color:#2F2F2F; width:75%;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.news_list li span{ float:right; font-size:13px;}
.news_list li a:hover{color:#e90207;}

.prodc_list{ width:100%;}
.prodc_list li{ float:left; width:100%; margin-right:0; margin-top:3%;}
.prodc_list li:nth-child(2n){ float:right;}
.prodc_list li img{ width:calc(100% - 2px); border:1px solid #999; height:auto;}
.prodc_list li p{ width:100%; height:40px; text-align:center; line-height:40px; background:#eee;}
.prodc_list li p a{ color:#000;}
.prodc_list li p:hover{ background:#e70012;}
.prodc_list li p:hover a{ color:#FFF;}
.prodc_list li img:hover{ opacity:.8;}

.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg .next.fl,.newsshow_xg .next.fr{ float:none; width:100%; display:block;}
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#d20010;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 11px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #d20010; color: #fff;border: 1px solid #d20010}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #d20010;padding:5px 11px;margin: 0 3px;background: #d20010;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}





















}