@charset "utf-8";
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; line-height: 24px; word-break: break-all; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }
.fl { float: left }
.fr { float: right }
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .2s linear 0s; color: #333; }
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }
.wrap { width: 1200px; margin: auto; }
.b_shadow { -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -moz-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08); }
/*headtop*/
.headtop{width: 100%;height: 40px;line-height: 40px;font-size: 14px;
 display: flex;
  flex-direction: row;
  justify-content: space-between}
.headtop .fl{color: #000000;}
.headtop .fr{color: #000000;padding-top:0px;padding-bottom: 0px;padding-left: 20px;font-size: 14px;}
.headtop a:nth-child(1){padding-right: 15px;}
.headtop a:nth-child(3){padding-left: 15px;}
.headtop .fr a{color: #000000;}
/*header*/
.header { width: 100%;position: relative;z-index: 3;}
.header .wrap { position: relative; display: flex; justify-content: space-between;}
.header .wrap div{display: inline-block;}
.header .wrap .phone{float: right;padding-top: 26px;}
.header .wrap .phone .ph1{font-size: 14px;line-height: 30px;}
.phone .ph1 img{position: relative;top: 5px;left: -5px;}
.phone .ph1 span{font-size: 26px;line-height: 36px;color: #035abb; display: block;}
.phone .ph2{font-size: 24px;line-height: 36px;color: #035abb;font-weight: bold;float: right;}
.logo {width: 200px;}
.logo img {  margin-top: 17px;transform: translateY(-3px);}
.indexheader{width: 100%; min-height: 1014px;
    background: url(../images/head1.jpg) center no-repeat;position: relative;}
	
	
	
.nav { height:50px;background: rgba(255,255,255,0.83);margin-top: 15px;}
.nav a.active{background-color:rgb(189,24,41);color: white;}
.nav ul {text-transform: uppercase;font-size: 0;}
.nav ul li { display: inline-block; position: relative;font-size: 14px;text-align: center;}
.nav ul li:last-child {padding-right: 0;}
.nav ul li a { display: block;color: #333;line-height: 51px;font-size: 15px;padding: 0 20px}
.nav ul li ul{background-color:#e1e1e1; color: white;}
.nav ul a:hover{background-color: rgb(189,24,41);color: white;}
.nav ul li .iul2{display: none; position: absolute;background: #bd1829; }

.nav ul li:nth-child(2) ul{width: 691.5px;}
.nav ul li:nth-child(2) ul>a{padding-left: 20px;}
.nav ul li:nth-child(3) ul{width:585.5px;}
.nav ul li:nth-child(3) ul>a{padding-left: 20px;}
.nav ul li:nth-child(7) ul{width: 285px;}
.nav ul li:nth-child(7) ul>a{padding-left: 25px;}
.nav ul li:nth-child(8) ul{width: 255px;right: 0px;}
.nav ul li:nth-child(8) ul>a{padding-left: 25px;}
.nav ul li.active a{background-color: rgb(189,24,41); color: white;}
.nav ul li:hover ul{display:block;}
.nav ul li .iul2 a{float: left;color:#fff;}
.nav ul li.gbksub { cursor: pointer; }






/*banner*/ 
.banner{width: 100%;}
.swiper-container-banner{overflow: hidden;position: relative;}
.swiper-container-banner img{width: 100%;}
.swiper-pagination-banner{position: absolute;z-index: 2;text-align: center;--swiper-theme-color: #fff;}
.swiper-pagination-banner span{width: 11px;height: 11px;background: #fff;opacity: 1;}

/*首页*/

/*简介*/
.iabout {width: 100%; min-width: 1200px; background: url(../images/bg1.jpg) no-repeat; padding-top: 79px; padding-bottom: 76px;}
.iabout .iabout_top {display: flex; justify-content: space-between;}
.iabout .iabout_top .left .pic2 {display: block; margin-left: 218px; padding-top: 28px;}
.iabout .iabout_top .left p {padding-left: 218px;}
.iabout .iabout_cont {display: flex; justify-content: space-between; padding-left: 87px; padding-top: 20px;}
.iabout .iabout_r {width: 394px; padding-top: 25px;}
.iabout .iabout_r .desc {line-height: 36px; font-size: 14px; color: #646464;}
.iabout .iabout_r .more {display: block; margin-top: 55px;}
.iabout ul {display: flex; justify-content: space-between; padding-top: 124px;}
.iabout ul li p {font-size: 16px; color: #646464; padding-top: 15px;}


/*产品中心*/
.product {width: 100%; min-width: 1200px; background: url(../images/bg2.jpg) no-repeat; padding-top: 92px;}
#top {text-align: center;}
#top .pic {padding-top: 27px;}
#top span {display: block; font-size: 11px; color: #fefefe; padding-top: 6px;}
.product .product_l {padding-top: 56px;}
.product .product_l .title {text-align: center; word-spacing: -5px;}
.product .product_l .title a {display: inline-block; width: 140px; height: 40px; color: #333; background: #fff; font-size: 16px; text-align: center; line-height: 40px; margin-right: 21px;}
.product .product_l .title a:first-child {color: #fff; background: #fa1819;}
.product .product_l .title a:hover {color: #fff; background: #fa1819;}
.product .product_r ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 64px;}
.product .product_r li {padding-bottom: 73px;}
.product .product_r li img {width: 380px; height: 380px;}
.product .product_r li .tit {height: 87px; background: url(../images/jt1.png) 320px center no-repeat; }
.product .product_r li .tit a {display:block; color: #fff; padding-left: 20px; line-height: 87px;}
.product .product_r li .tit:hover a{height: 87px; border-bottom: 2px solid #f6ebeb;}


/*新闻*/
.inews {width: 100%; min-width: 1200px; background: url(../images/bg3.jpg) no-repeat; padding-top: 113px;}
.inews .inews_top {text-align: center;}
.inews .inews_top .pic {padding-top: 26px; padding-bottom: 12px;}
.inews .inews_top span {font-size: 16px; color: #646464;}
.inews .inews_cont ul {display: flex; justify-content: space-between; padding-top: 65px;}
.inews .inews_cont li {width: 263px;}
.inews .inews_cont li .tit a{color: #1f1f1f; font-size: 18px; display: inline-block; padding-bottom: 12px; padding-top: 30px;}
.inews .inews_cont li .cnt a{font-size: 14px; color: #323232; line-height: 23px;}
.inews .inews_cont li .tit a:hover {color: #ee1d23;}
/*用途*/
.purpose {width: 100%; min-width: 1200px; padding-top: 128px; padding-bottom: 146px;}
.purpose .wrap {display: flex; justify-content: space-between; justify-content: space-between;}
.purpose .purpose_l {width: 303px;}
.purpose .purpose_l .pic2 {margin: 22px 0;}
.purpose .purpose_l span {color: #646464; font-size: 16px;}
.purpose .purpose_l .pic3 {padding: 76px 0;}
.purpose .purpose_r {width: 809px;}
.purpose .purpose_r p {font-size: 14px; color: #646464; padding-top: 52px; line-height: 30px;}
/*友情链接*/
.link {padding-top: 50px; ; background: #17181a; }
.link .wrap { color: #fa1819; font-size: 16px; padding-bottom: 35px; font-weight: bold; border-bottom: 1px solid #3a3737;}
.link .wrap a { color: #b0b0b0; margin: 0 25px; font-size: 14px; font-weight: normal;}
.link img{width: 90px;height: 33px;}

/*内页*/
.ban { width: 100%; height: 500px; background: url(../images/ban.jpg) center top no-repeat;position: relative;top: -75px; margin-bottom: -50px;}
.about p { line-height: 36px; }
.location { width: 100%; border-bottom: 1px solid #e4e4e4; height: 24px; line-height: 24px; padding-bottom: 23px; }
.location .breadrumb { background: url(../images/address.png) left center no-repeat; padding-left: 20px; }
.c_wrap { margin:40px auto;}
.c_wrap_l { width: 240px; float: left; }
.c_wrap_l .tit { background: #22252a; font-size: 24px; color: #fff; padding: 15px; }
.c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; font-family: Arial; padding-top: 10px; }
.c_wrap_l .box #leftnav dl dt a {width: 240px; display: inline-block; text-indent: 30px;font-size: 16px;}
.c_wrap_l .box #leftnav dl dt:hover {background: url(../images/left_arrows.png) 210px center no-repeat #ee1d23;}
.c_wrap_l .box #leftnav dl dt:hover a {color: #fff;}
.c_wrap_l .box #leftnav .list2 {width: 240px; color: #333; line-height: 50px; } 
.c_wrap_l .box #leftnav .list2 a {display: block;   padding-left: 40px; border-bottom: 1px dashed #d7d7d7;}
.c_wrap_l .box #leftnav .list2 a:hover {color: #fff; background: #ee1d23;}
.c_wrap_l .box { background: #fbfbfb; margin-bottom: 30px; }
.c_wrap_l .box dt {width: 240px; height: 50px; line-height: 50px;  transition: all .2s linear 0s;border-bottom: 1px solid #d7d7d7;  position: relative; }
.c_wrap_l .box #leftnav dt a {display: inline-block; }
.c_wrap_l .box dl dt:hover span{width:10px; height: 15px; display: inline-block;}
.c_wrap_l .box dl dt:hover {cursor: pointer; color: #fff;}
.c_wrap_l .box dl .active{background: url(../images/left_arrows.png)  210px center no-repeat #ee1d23;}
.c_wrap_l .box dl .active a {color: #fff;}
.c_wrap_l .box dl #active{background: url(../images/left_arrows.png)  210px center no-repeat #ee1d23; }
.c_wrap_l .box dl #active a{color: #fff;}
.c_wrap_l .box dl dt span:hover {cursor: pointer;}
.c_wrap_l .box.contact { padding: 15px 15px; background: #fbfbfb; }
.c_wrap_l .box.tags { padding: 15px; }
.c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; }
.c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; }
.c_wrap_r { width: 930px; float: right; }
.prolist { width: 280px; float: left; }
.prolist { width: 280px; float: left; margin: 0 15px; margin-bottom: 28px; }
.prolist img { width: 280px;}
.prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.prolist p.title:hover { background: #ee1d23; color: #fff; }
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 659px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #ee1d23; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #ddd; }
.list_item:hover .news_con .xian { height: 80%; background: #ee1d23; }
.list_item:hover .news_con .name { color: #ee1d23; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #ee1d23; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #ee1d23; }
.list_item:hover .news_others .img { opacity: 1; }
.c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; }
.c_wrap_r p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.c_wrap_r p.news_oth span { margin: 0 10px; }
.summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; font-family: 微软雅黑; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; }
.summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; }
.content { padding: 20px 10px; line-height: 30px; }
.content p { margin-bottom: 10px; }
.content h2, .interested .tit { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #eee; text-indent: 15px; font-weight: 400; border-left: 5px solid #ee1d23; margin-bottom: 10px; }
.pro_c { margin-bottom: 40px; padding: 40px 50px; }
.pro_c .img { width: 100%;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom: 14px; }
.pro_c .img img { width: 600px; border-radius: 10px; cursor: pointer;margin: 0 auto; }
.pro_c .img .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.pro_c .text { text-align: center;padding-top: 20px;     margin-bottom: 20px;}
.pro_c .text .tit h1 { font-size: 16px; font-weight: 400; text-align: left; display: inline-block; padding: 0; }
.pro_c .des {margin-top: 20px; line-height: 30px; color: #777777;text-align: center; }
.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; margin-bottom:30px; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px; padding-bottom: 50px; text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { padding-bottom: 20px; }
.interested .list { border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.interested .list span { margin-right: 20px; }
.interested .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px;}
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #ee1d23; color: #fff; }
.photolist {float: left; margin-right: 40px;margin-bottom: 28px;}
.photolist img{width:269px; height: 202px;}
.photolist .title {height: 45px; text-align: center; line-height: 45px;background: #ffff; transition: all .2s;}
.photolist .title:hover {background: #e60315;color: #fff;}

.sub_right dl{ border-bottom:1px dashed #dedede;padding-bottom: 10px; margin-bottom: 20px;}
.sub_right dt{ float:left;}
.sub_right dd{ float:right;}


/*底部*/
.footer { background-image: linear-gradient(#e3e3e3, #ffffff);border-top: 4px solid #929292; }
.footer p{font-size: 14px;}
.footer .wrap {display: flex; justify-content: space-between;flex-direction: column;align-items: center;}
.footer .wrap .footertop{width: 100%;}
.footer .wrap .footerbottom{width: 100%;height:40px;display: flex;justify-content:center;margin-top: 90px; font-size:12px;}
.footer .wrap .footerbottom .footer_r{display: flex;justify-content: space-between;}
.footer .wrap .footertop .footertoptitle{display: flex;border-bottom: 1px #CCCCCC solid;padding-top: 50px;padding-bottom: 10px;}
/* .footer .wrap .footertop .footertoptitle p{margin-right: 175px;} */
.footer .wrap .footertop .footertoptitle p:nth-child(1){margin-right: 194px;}
.footer .wrap .footertop .footertoptitle p:nth-child(2){margin-right: 324px;}
.footer .wrap .footertop .footertoptitle p:nth-child(3){margin-right: 297px;}
.footer .wrap .footertop .footertopdesc{display: flex;justify-content: space-between;padding-top: 15px;}
.footer .wrap .footertop .footertopdesc li{line-height: 35px;font-size:13px;}
.foot_p4 span{font-size:12px;}
.footer .first {width: 880px; display: flex; justify-content: space-between;}

.footer .first i {display: inline-block; font-style: normal; font-weight: bold;}
.footer .footer_nav {margin-right: 405px;}
.footer .footer_nav a {display: inline-block;}
.footer .footer_nav i {display: inline-block; color: #b0b0b0; font-style: normal; margin: 0 20px;}
.footer .footer_l p {text-align: center;}
.footer p { color: black;  }
/* .footer p span { margin-right: 15px; } */
.footer a { color: black; }
.footer .foot_p4 .footp_span img{position: relative;top: 4px;}
.footer .sit span {display: inline-block; padding-left: 30px;}
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #ee1d23; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #ee1d23; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/**/
#dituContentn{ width:100%; height:300px;}

.scanvx{width: 100%; min-width: 900px;margin-top: -41px;  margin-bottom: 77px;}
.scanvx .wrap{display: flex;justify-content: center;align-items: center;}
.scanvx .vx{height:430px;width:330px;margin-right: 65px;}
.scanvx .custmor{height:430px;width:330px;margin-left: 65px;}
.scanvx .vx{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.scanvx .vx .vxtop h1{float: right;font-size: 28px;line-height: 36px;letter-spacing: 4px;}
.scanvx .vx .vxtop img{margin-right: 35px;margin-top: 15px;}
.scanvx .vx .vxbottom img{margin-top: 45px;}
.scanvx .custmor{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.scanvx .custmor .custmortop{padding-right: 100px}
.scanvx .custmor .custmortop h1{float: right;font-size: 28px;line-height: 36px;letter-spacing: 4px;}
.scanvx .custmor .custmortop img{margin-right: 35px;margin-top: 15px;}
.scanvx .custmor .custmorbottom {margin-top: 55px;}
.scanvx .custmor .custmorbottom p{font-size: 14px;color: #bf0000;line-height: 30px}
.scanvx .custmor .custmorbottom label{font-size: 14px;color: black;}