@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
body{ background:#ffffff;}
i{ font-style:normal;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display:none;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
/* CSS Document */
.nbanner { width:100%;}
.nbanner img { width:100%;}
.top .topBox{width: 1334px; margin: 0 auto;}
.top .logo{float: left; width: 241px; margin: 17px 0 0 43px;}
.top .logo img{display: block; width: 100%;}
.top .nav{float: right; padding-top: 56px; margin-right: 25px;}

.top .nav ul{}
.top .nav ul li{ float: left; padding: 0 10px; margin-left: 40px; position: relative; line-height: 44px;}
.top .nav ul li::after{content: '|'; position: absolute; font-size: 18px; top: 0; right: -20px;}
.top .nav ul li>a{font-size: 18px; color: #000000; transition: 0.5s;}
.top .nav ul li:hover>a{color: #e60012;}
.top .nav ul li::before{content: ''; position: absolute; width: 0; height: 2px; background: #e60012; bottom: 0; left: 0; transition: 0.5s;}
.top .nav ul li:hover::before{content: ''; position: absolute; width: 100%; height: 2px; background: #e60012; bottom: 0; left: 0;}
.top .nav ul li.on>a{color: #e60012;}
.top .nav ul li.on::before{content: ''; position: absolute; width: 100%; height: 2px; background: #e60012; bottom: 0; left: 0;}

.top .nav ul li dl{display: none; width: 150px; position: absolute; top: 60px;left: -28px; background: #ffffff; z-index: 9; box-shadow: 0 3px 10px rgb(0 0 0 / 20%); border-radius: 0 0 5px 5px;overflow: hidden; }
.top .nav ul li dl dd{transition: 0.5s;}
.top .nav ul li dl dd>a{display: block; color: #333333; transition: 0.5s; font-size: 15px; text-align: center; line-height:48px;}
.top .nav ul li dl dd:hover{background: #ffffff;}
.top .nav ul li dl dd:hover>a{ color: #ffffff; background: #e60012;}

.top .language{float: right; background: #929191; width: 108px; text-align: center; color: #ffffff; padding-top: 56px;padding-bottom: 21px; position: relative;}
.top .language p{font-size: 13px; color: #ffffff; line-height: 44px;}
.top .language dl{background: #ffffff; position: absolute; left: 0; top: 121px; width: 100%; display: none; z-index: 9; border-radius: 0 0 3px 3px;
box-shadow: 0 3px 8px rgba(255,255,255,.5); overflow: hidden;}
.top .language dl dd{color: #333333;line-height: 3;}
.top .language dl dd a{display: block; transition: 0.5s; }
.top .language dl dd:hover a{background: #e60012; color: #ffffff;}
.banner{overflow: hidden; width: 100%; position: relative;}
.banner .swiper-slide>img{display: block; width: 100%;}
.banner .swiper-slide{position: relative;}
.banner .bannerT1{position: absolute; right: 50%; top: 30%; transform: translateY(-50%);}
.banner .bannerT2{position: absolute; left: 55%; top: 15%; transform: translateY(-50%); }
.banner .banText{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main {width: 100%; }
.main .mainBox{width: 1334px; margin: 0 auto; padding: 0 27px 35px;}
.main .mainBox .bleft { width:25%; padding:15px; float:left; margin-top:30px;}
.main .mainBox .bleft .lefttitle { height:55px; line-height:55px;margin-top:30px; color:#FFFFFF; background-color:#c40000; font-size:16px; text-align:left; padding-left:18px;}
.main .mainBox .bleft .plist { font-size:16px;}
.main .mainBox .bleft .plist ul { padding:0; margin:0}
.main .mainBox .bleft .plist  ul h4 { text-align:left; font-weight:bold; padding-left:26px;background-color:#f6f6f6; line-height:40px; height:40px;border-bottom:#999999 1px dashed;}
.main .mainBox .bleft .plist  ul h4 a {font-size:16px; }
.main .mainBox .bleft .plist  ul li { text-align:left;padding-left:36px; background-color:#f6f6f6; line-height:40px;height:40px; border-bottom:#999999 1px dashed;}
.main .mainBox .bleft .plist  ul li a {font-size:16px; }

.main .mainBox .bleft .lcontact { border:#cccccc 1px solid; border-top:0;}
.main .mainBox .bleft .lcontact ul { margin:0; padding:10px; text-align:left; line-height:30px; font-size:14px;}


.main .mainBox .bright { width:75%; padding:15px; float:left;margin-top:30px;}
.main .mainBox .bright .righttitle  { border-bottom:1px solid #CCCCCC; height:40px;margin-top: 30px;}
.main .mainBox .bright .righttitle h2 { height: 39px; line-height: 39px; border-bottom:1px solid #c40000; float:left; }
.main .mainBox .bright .righttitle h2 a{font-size:16px; font-weight:normal; color:#c40000;}

.main .mainBox .bright .acontent { padding:30px 20px; font-size:16px; line-height:30px; text-align:left;}

.main .hotText{line-height: 62px;}
.main .hotText p{font-size: 14px; color: #020202; font-weight: bold;}
.main .hotText p a{font-size: 12px; color: #020202; transition: 0.5s; margin-left: 13px;}
.main .hotText p a:hover{color: #e60012;}
.main .characteristic{overflow: hidden; padding-bottom: 20px;}
.main .characteristic .text{float: left; width: 810px;}
.main .characteristic .text h2{font-size: 27px; color: #e60012; line-height: 47px; }
.main .characteristic .text h2:nth-child(2){color:#000000 ; margin-bottom: 12px;}
.main .characteristic .text p{font-size: 14px; color: #4c4c4c; line-height: 2;}
.main .characteristic .honor{float: right; width: 336px; overflow: hidden; margin-right: 52px;}
.main .characteristic .honor img{display: block; width: 100%;}
.jingyan{margin-bottom: 28px;}
.jingyan ul{overflow: hidden;}
 .jingyan ul li{float: left; width: 23.5%; margin-right: 2%; box-sizing: border-box; transition: 0.5s; border-radius: 10px;}
.jingyan li.cur .jibox{background: #e60012; padding: 15px;border-radius: 6px;}
.jingyan li.cur h2{color: #ffffff;}
.jingyan li.cur  p{color: #ffffff;}
.jingyan ul li:last-child{margin-right: 0;}
.jingyan ul li h2{font-size: 37px; color: #020202; line-height: 1; font-weight: bold; margin-bottom: 10px; transition: 0.5s;}
 .jingyan ul li h2 span{font-size: 14px; margin-left: 17px;}
 .jingyan ul li p{font-size: 12px; color: #545454; line-height: 14px; transition: 0.5s;}
.icon{width: 100%; overflow: hidden;}
 .icon img{display: block; width: 100%;}
.product{width: 100%; background: url(../images/bg2.jpg); padding-bottom: 83px;}
.product .productBox{width: 1334px; margin: 0 auto; overflow: hidden;}
.title h2{font-size: 39px; color: #000000; line-height: 90px; width: 622px; text-align: center; border-bottom: 3px solid #cccaca; margin: 0 auto 24px; position: relative;
box-sizing: border-box;}
.title h2::before{content: '';position: absolute; bottom: -3px; right: 50%; width: 62px; height: 3px; background: #e60012;}
.title h2::after{content: '';position: absolute; bottom: -3px; left: 50%; width: 62px; height: 3px; background: #000000;}
.title p{font-size: 18px; color: #222222; line-height: 1; text-align: center;}
.product .title{margin-bottom: 48px;}
.product .proMain{padding: 0 26px; overflow: hidden;}
.product .proMain .proNav{float: left; margin-right: 11px; width: 242px; height: 778px;}
.product .proMain .proNav .proNavTit{background: #e60012; width: 100%; padding: 53px 0 29px 32px; margin-bottom: 1px;}
.product .proMain .proNav .proNavTit h2{font-size: 30px; margin-bottom: 14px; line-height: 1; color: #ffffff;}
.product .proMain .proNav .proNavTit p{font-size: 12px; line-height: 1; color: #ffffff;}
.product .proMain .proNav ul{background: #797979; height: 100%;}
.product .proMain .proNav ul li{  line-height: 48px; color: #ffffff; transition: 0.5s; box-sizing: border-box;}
.product .proMain .proNav ul li:hover{background: #e60012;}
.product .proMain .proNav ul li.on{background: #e60012;}
.product .proMain .proNav ul li:hover p{border-bottom: 1px solid #e60012;}
.product .proMain .proNav ul li:hover p span{background: url(../images/jiantou-on.png) center no-repeat #ffffff;}
.product .proMain .proNav ul li p span{ transition: all 0.5s;}
.product .proMain .proNav ul li.on p span{background: url(../images/jiantou-on.png) center no-repeat #ffffff; transform: rotate(90deg);}
.product .proMain .proNav ul li p{border-bottom: 1px solid #ffffff; width: 212px; margin: 0 auto;}
.product .proMain .proNav ul li p span{display: inline-block; width: 23px; height: 23px; background: url(../images/jiantou.png) center no-repeat #ffffff; 
border-radius: 50%; position: relative; vertical-align: -6px; margin-right: 22px; transition: 0.5s;}
.product .proMain .proNav ul li dl{padding: 0 14px 0 39px; background: #797979; display: none;}
.product .proMain .proNav ul li dl dd{border-bottom: 1px dashed #ffffff;}
.product .proMain .proNav ul li dl dd a{color: #ffffff; transition: 0.5s;}
.product .proMain .proNav ul li dl dd:hover a{color: #da1926;}
.product .proMain .proRight{float: right; width: calc(100% - 253px);}
.product .proMain .proRight .proRightTop{overflow: hidden; margin-bottom: 17px;}
.product .proRightTop .icon{float: left; width: 685px; overflow: hidden;}
.product .proRightTop .icon img{display: block; width: 1005;}
.product .proRightTop .text{float: right; width: calc(100% - 685px);padding: 60px 40px 53px; background: #ffffff; }
.product .proRightTop .text h2{font-size: 22px; line-height: 72px; color: #000000; border-bottom: 3px solid #636363; margin-bottom: 18px; padding-left: 8px;}
.product .proRightTop .text p{font-size: 16px; line-height: 2; color: #636363; padding-left: 8px;}
.product .proRightTop .text p span{font-weight: bold;}
.product .proRightTop .text .details{width: 264px;margin: 0 auto; margin-top: 30px;}
.product .proRightTop .text a{display: inline-block; width: 50%; line-height: 50px; text-align: center; font-size: 15px; color: #1c1c1c;border: 1px solid #999999;
box-sizing: border-box; transition: 0.5s; float: left;}
.product .proRightTop .text a:hover{background: #e60012; color: #ffffff; border: 1px solid #e60012;}
.product .proList ul{overflow: hidden;}
.product .proList ul li{float: left; border: 3px solid #c2c0c0; width: 32%; margin-right: 2%; box-sizing: border-box; overflow: hidden; position: relative;
transition: 0.5s;}
.product .proList ul li:hover{border: 3px solid #e60012;}
.product .proList ul li:hover p{opacity: 1;}
.product .proList ul li:last-child{margin-right: 0;}
.product .proList ul li img{display: block; width: 100%;}
.product .proList ul li p{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 16px; line-height: 33px; color: #ffffff; 
background: #e60012; opacity: 0; transition: 0.5s;}
.product .dn{display: none;}
.news .newsBox{width: 1334px; margin: 0 auto; padding: 13px 96px 42px 68px; overflow: hidden;}
.news .title{margin-bottom: 35px;}
.news .newsTit{overflow: hidden; border-bottom: 1px solid #848484; line-height: 40px;}
.news .newsTit h2{font-size: 22px; color: #000000; float: left; padding-left: 12px; font-weight: bold;}
.news .newsTit a{float: right; font-size: 12px; color: #e60012;}
.news .newsText ul li{padding: 13px 0 10px; border-bottom: 1px dashed #989898;}
.news .newsText ul li h2{font-size: 16px; line-height: 32px;}
.news .newsText ul li h2 a{ color: #000000; transition: 0.3s;}
.news .newsText ul li:hover h2 a{color: #e60012;}
.news .newsText ul li p{font-size: 12px; line-height: 21px; color: #757575;}
.news .newsL{float: left; width: 700px;}
.news .newsL .newsTit{margin-bottom: 12px;}
.news .newsL .newsText{padding: 0 67px 0 12px;}
.news .newsR{float: right; width: 390px;}
.news .newsR .newsTit{margin-bottom: 15px;}
.news .newsR .icon{width: 390px; overflow: hidden;}
.news .newsR .icon img{display: block; width: 100%;}
.text .details a.cur{color: #fff;background: #e60012;}
.footNav{width: 100%; background: #e60012;}
.footNav ul{overflow: hidden;width: 1108px; margin: 0 auto;}
.footNav ul li{float: left; width: 14.28%; text-align: center; position: relative;}
.footNav ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #ffffff;}
.footNav ul li:last-child::after{width: 0;}
.footNav ul li a{display: block; font-size: 16px; color: #ffffff; line-height: 75px; transition: 0.5s;}
.footNav ul li a:hover{background: #ffffff; color: #e60012;}
.footer{width: 100%; background: #797979; height: 332px;}
.footer .footerBox{width: 1334px; margin: 0 auto; overflow: hidden; padding: 47px 0 0 70px;}
.footer .footerL{float: left; padding-top: 5px;}
.footer .footerL .footLogo{width: 241px; overflow: hidden; margin-bottom: 27px;}
.footer .footerL .footLogo img{display: block; width: 100%;}
.footer .footerL p{font-size: 14px; line-height: 24px; color: #ffffff; text-align: center;}
.footer .footerL p span{display: inline-block; width: 18px; height: 20px; background: url(../images/guohui.png) center no-repeat; margin-right: 3px; 
vertical-align: -5px;}
.footer .footerR{float: right; width: 919px; text-align: left}
.footer .footerR ul{overflow: hidden;}
.footer .footerR ul li{float: left; width: 33%;}
.footer .footerR ul li h2{font-size: 16px; color: #ffffff; margin-bottom: 10px; line-height: 1; transition: 0.5s;}
.footer .footerR ul li h2:hover{color: #e60012;}
.footer .footerR ul li p{font-size: 14px; color: #ffffff; line-height: 24px;}
.footer .footerR ul li p a{color: #ffffff; transition: 0.5s; font-size: 14px;}
.footer .footerR ul li p:hover a{color: #e60012;}