@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html,body{width: 100%; min-width: 1200px;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:hover{color: #cc0030!important;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 1200px; margin: 0 auto; position: relative;}
.tl{text-align: left!important;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.layui-layer-btn .layui-layer-btn0:hover{color: #fff!important;}
/*右侧浮动框*/
.rightmenu{width: 185px; position: fixed; z-index: 99999; right: -130px; top: 50%; margin-top: -112px; cursor: pointer;}
.rightmenu li{height: 55px; line-height: 55px; border-radius: 4px; margin-bottom: 1px; background-color: #cc0030; background-repeat: no-repeat; background-image: url(../images/rightmenu-icon.png); text-indent: 55px; font-size: 16px; color: #fff; overflow: hidden;}
.rightmenu li a{display: block; width: 100%; height: 55px; color: #fff;}
.rightmenu li a:hover{color: #fff!important;}
.rightmenu li.r-top{background-position: 0 0;}
.rightmenu li.r-phone{background-position: 0 -55px; font-family: "Arial";}
.rightmenu li.r-qq{background-position: 0 -110px;}
.rightmenu li.r-email{background-position: 0 -165px;}
/*slick*/
.slick-slider{position: relative; z-index: 2;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative;}
.slick-track:before,.slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none; position: relative; z-index: 1;}
.slick-slide:focus{outline: 0;}
.slick-slide img{display:block;}
.slick-slide.slick-active{z-index: 2;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-prev,.slick-next{display:block; width: 20px; height: 20px; line-height: 0; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -10px;}
.slick-prev:focus,.slick-next:focus{outline: 0;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-dots{width: 100%; font-size: 0; text-align: center; position: absolute; bottom: 30px; z-index: 4;}
.slick-dots li{position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;}
.slick-dots li button{display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #cc0030;}
/*头部*/
.header{width: 100%; height: 112px; background: #fff; position: relative; overflow: hidden;}
.logo{float: left; height: 65px; margin-top: 25px; position: relative;}
.logo a{display: block; height: 100%; position: relative;}
.logo img{display: block; height: 100%;}
.logo p{font-size: 16px; font-weight: bold; color: #333; position: absolute; left: 154px; bottom: -4px;}
.logo p span{color: #cc0030;}
.htel{height: 37px; line-height: 37px; padding-left: 44px; background: url(../images/htel-bg.png) no-repeat; font-family: "Arial"; font-size: 22px; font-weight: bold; color: #cc0030; position: absolute; right: 100px; top: 20px;}
.htel span{display: block; line-height: 22px;}
.htel p{font-size: 16px; color: #fb9034;}
.htel p b{font-family: "Arial"; font-size: 24px; font-weight: bold; vertical-align: top;}
.language{height: 37px; line-height: 37px; position: absolute; right: 0; top: 20px;}
.language em{padding: 0 3px; color: #999;}
.language a.active,.language a:hover{color: #c00!important;}
.htext{font-size: 14px; font-weight: bold; position: absolute; right: 0; top: 70px;}
.navBar{width: 100%; height: 55px; background: #cc0030; position: relative; z-index: 9999;}
.nav{float: left;}
.nav ul > li{float: left; font-size: 16px; position: relative; border-left: 1px solid #ae261a; border-right: 1px solid #f13a3a;}
.nav ul > li:first-child{border-left: 0;}
.nav ul > li:last-child{border-right: 0;}
.nav ul > li > a{display: block; min-width: 42px; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #fff; text-align: center; padding: 0 38px; position: relative;}
.nav ul > li:hover > a,.nav ul > li.active > a{background: #f13a3a; color: #fff!important;}

.nav ul > li:hover .subnav{height: auto; margin-top: 0; opacity: 1; visibility: visible;}
.subnav{width: 100%; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); background: #fff; position: absolute; left: 0; top: 100%; text-align: center; height: 0; overflow: hidden; margin-top: 20px; transition: all .3s; opacity: 0; visibility: hidden;}
.subnav > ol{padding: 14px 0 12px 0; position: relative; z-index: 2;}
.subnav > ol li a{display: block; height: 40px; line-height: 40px; font-size: 13px; overflow: hidden;}
.subnav > ol li a:hover{background: #cc0030; color: #fff!important;}
.hsearch{width: 198px; height: 28px; float: right; margin-top: 13px; border: 1px solid #fff\9; border: 1px solid rgba(255,255,255,.6); position: relative;}
.hsearch .input{height: 28px; margin-right: 24px; padding: 0 10px;}
.hsearch .j-input{display: block; width: 100%; height: 28px; line-height: 28px; *line-height: 24px; font-size: 14px; color: #fff\9; color: rgba(255,255,255,.6);}
.hsearch .j-input::-webkit-input-placeholder{color: rgba(255,255,255,.6);}
input:-moz-placeholder{color: rgba(255,255,255,.6);}
input::-moz-placeholder{color: rgba(255,255,255,.6);}
input:-ms-input-placeholder{color: rgba(255,255,255,.6);}
.hsearch .btns{width: 34px; height: 28px; background: url(../images/search-btn.png) no-repeat center 6px; cursor: pointer; position: absolute; right: 0; top: 0;}
/*底部*/
.footer{padding: 40px 0 60px 0; color: #666; background: #212121; position: relative; overflow: hidden;}
.footer a{color: #666;}
.foot-left{width: 740px; float: left; position: relative; border-right: 1px solid #000;}
.foot-left .line{width: 1px; height: 100%; background: #444; position: absolute; right: 0; top: 0;}
.foot-nav dl{width: 318px; float: left; margin-right: 58px;}
.foot-nav dl.mr0{margin-right: 0;}
.foot-nav dt{font-size: 16px; font-weight: bold; color: #999; height: 30px; line-height: 30px; border-bottom: 1px solid #444; padding-bottom: 12px;}
.foot-nav dt a{color: #999;}
.foot-nav dd{border-top: 1px solid #000; padding-top: 16px;}
.foot-nav dd ul{margin-right: -58px;}
.foot-nav dd li{width: 130px; float: left; height: 30px; line-height: 30px; margin-right: 58px;}
.foot-copy{color: #555; line-height: 22px; margin-top: 18px;}
.foot-copy a{color: #555;}
.foot-ewm{width: 110px; float: left; margin-left: 50px; margin-top: 11px;}
.foot-ewm img{display: block; width: 108px; height: 108px; border: 1px solid #ccc;}
.foot-ewm p{text-align: center; margin-top: 10px;}
.foot-contact{width: 252px; float: right; margin-top: 4px;}
.foot-contact p{line-height: 24px;}
.foot-contact .tel{font-family: "Arial"; font-size: 24px; font-weight: bold; color: #cc0030; line-height: 26px; margin-top: 6px;}
.foot-contact .advice{display: block; width: 130px; height: 36px; line-height: 35px; background: url(../images/advice-btn.png) no-repeat 27px center #cc0030; border-radius: 4px; text-indent: 50px; color: #fff; margin-top: 10px;}
.foot-contact .advice:hover{color: #fff!important; filter: alpha(opacity=80); opacity: .8;}
/*在线留言弹出框*/
.message{padding: 30px 36px;}
.message li{height: 40px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; padding: 0 12px;}
.message li .j-input{display: block; width: 100%; height: 40px; line-height: 40px;}
.message li.shauto{height: auto;}
.message li .j-textarea{display: block; width: 100%; height: 70px; padding: 12px 0; overflow: hidden;}
.message li.code{border: 0; height: 42px; padding: 0;}
.message li.code .j-input{width: 130px; float: left; border: 1px solid #ddd; padding: 0 12px;}
.message li.code .img{float: left; margin-left: 10px;}
.message li.code .img img{display: block; height: 42px; cursor: pointer;}
.message li.submit{padding: 0; border: 0 none; height: auto;}
.message li .sbtn{display: block; background: #cc0030; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; cursor: pointer;}
/*首页*/
.inner-title{font-size: 38px; text-align: center; line-height: 1;}
.inner-inbg{font-size: 0; text-align: center; margin-top: 12px;}
.inner-inbg span,.inner-inbg img{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.inner-inbg span{width: 92px; height: 1px; background: #dadada;}
.inner-inbg img{height: 23px; margin: 0 8px;}
/*首页---广告图切换*/
.banner{width: 100%; overflow: hidden; position: relative; z-index: 2;}
.banner .slick-slide{height: 700px; background-repeat: no-repeat; background-position: center;}
.banner .slick-slide a{display: block; width: 100%; height: 100%;}
.banner .slick-slide img{width: 100%;}
.banner .slick-dots li{margin: 0 9px;}
.banner .slick-dots li button{width: 65px; height: 5px; border-radius: 0;}
/*首页---解决方案*/
.index-solution{background: #fff; padding: 56px 0 50px 0; position: relative; overflow: hidden;}
.solution-intabbox{margin-top: 10px;}
.solution-intabtit ul{font-size: 0; margin: 0 -5px;}
.solution-intabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 139px; height: 38px; line-height: 38px; margin: 0 5px; border: 1px solid #ccc; font-size: 14px; text-align: center; color: #666; cursor: pointer;}
.solution-intabtit li.active{background: #cc0030; border-color: #cc0030; color: #fff;}
.solution-intabcont{margin-top: 20px;}
.solution-intabitem .first{margin-bottom: 20px;}
.solution-intabitem .first .pic{width: 630px; float: left; overflow: hidden;}
.solution-intabitem .first .pic img{width: 630px; height: 450px; transition: transform 1s;}
.solution-intabitem .first .pic:hover img{transform: scale(1.1);}
.solution-intabitem .first .text{width: 560px; height: 450px; float: right; background: #cc0030; position: relative;}
.solution-intabitem .first .text:after{display: block; content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #cc0030; position: absolute; left: -20px; top: 60px;}
.solution-intabitem .first .item{padding: 48px 54px;}
.solution-intabitem .first .title{font-size: 30px; font-weight: bold; color: #fff; line-height: 1.1; padding-bottom: 18px; border-bottom: 1px solid #db4d6f;}
.solution-intabitem .first .desc{font-size: 14px; line-height: 24px; color: #fff; text-align: justify; margin-top: 22px; max-height: 216px; overflow: hidden;}
.solution-intabitem .first .more{display: block; width: 138px; height: 34px; line-height: 34px; border: 1px solid #fff; border-color: rgba(255,255,255,.6); text-align: center; color: #fff\9; color: rgba(255,255,255,.8); margin-top: 28px; transition: transform .6s;}
.solution-intabitem .first .more:hover{color: #fff!important\9; color: rgba(255,255,255,.8)!important; transform: translateX(12px);}
.solution-intabitem ul{margin: 0 -10px;}
.solution-intabitem li{width: 285px; float: left; margin: 0 10px;}
.solution-intabitem li .pic{overflow: hidden;}
.solution-intabitem li .pic img{width: 285px; height: 204px; transition: transform .8s;}
.solution-intabitem li .pic:hover img{transform: scale(1.1);}
.solution-intabitem li .title{height: 40px; line-height: 40px; background: #eee; font-size: 14px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*首页---产品中心*/
.index-product{background: #eee; padding: 56px 0 30px 0; position: relative; overflow: hidden;}
.product-intabbox{margin-top: 10px;}
.product-intabtit{overflow: hidden;}
.product-intabtit ul{margin: 0 -6px;}
.product-intabtit li{width: 156px; float: left; margin: 0 6px; font-size: 14px; color: #666; text-align: center; cursor: pointer;}
.product-intabtit li.w3{width: 192px;}
.product-intabtit li a{display: block; height: 38px; line-height: 38px; border: 1px solid #ccc; color: #666; color: #666;}
.product-intabtit li a:hover{background: #cc0030; border-color: #cc0030; color: #fff!important;}
.product-intabcont{margin-top: 20px;}
.product-intabitem ul{margin: 0 -15px;}
.product-intabitem li{width: 380px; float: left; margin: 0 15px 20px 15px; background: #fff;}
.product-intabitem li .pic{overflow: hidden;}
.product-intabitem li .pic img{width: 380px; height: 380px; transition: transform 1s;}
.product-intabitem li .pic:hover img{transform: scale(1.1);}
.product-intabitem li .title{height: 60px; line-height: 60px; margin: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 18px;}
/*首页---公司优势*/
.index-advantage{padding: 63px 0 22px 0; background: url(../images/advantage-inbg.jpg) no-repeat center top #fff; max-height: 1302px; position: relative; overflow: hidden;}
.advantage-inbox{margin-top: 28px;}
.advantage-inbox .text{margin-bottom: 24px;}
.advantage-inbox .title{height: 85px; position: relative; padding-left: 96px;}
.advantage-inbox .title .num{width: 85px; height: 85px; line-height: 85px; background: url(../images/advnum-bg.png) no-repeat; font-family: "Impact"; font-size: 36px; text-align: center; color: #fff; position: absolute; left: 0; top: 0;}
.advantage-inbox .title h3{line-height: 40px; font-size: 30px; font-weight: bold; color: #cc0030; padding-top: 8px;}
.advantage-inbox .title p{line-height: 26px; font-size: 18px; color: #666; text-transform: uppercase;}
.advantage-inbox .desc{margin-left: 14px; margin-top: 10px;}
.advantage-inbox .desc p{font-size: 14px; line-height: 24px; position: relative; padding-left: 20px;}
.advantage-inbox .desc p i{display: block; width: 6px; height: 6px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 9px;}
.advantage-inbox .pic{margin-bottom: 28px;}
.advantage-inbox .pic img{width: 500px; height: 300px;}
.advantage-inbox .left{width: 544px; float: left;}
.advantage-inbox .right{width: 500px; float: right;}
/*首页---关于我们*/
.index-about{max-height: 880px; background: url(../images/about-inbg.jpg) no-repeat center top; padding: 58px 0 75px 0; position: relative; overflow: hidden;}
.index-about .inner-title{color: #fff;}
.index-about .inner-inbg i{background: #999;}
.about-company{background: #cc0030; margin-top: 14px;}
.about-company .pic{width: 250px; float: left; overflow: hidden;}
.about-company .pic img{width: 250px; height: 270px; transition: transform .6s;}
.about-company .pic:hover img{transform: scale(1.05);}
.about-company .text{width: 862px; float: right; margin-right: 38px; margin-top: 34px;}
.about-company .title{font-size: 24px; font-weight: bold; line-height: 1.1; color: #fff;}
.about-company .desc{font-size: 15px; line-height: 28px; color: #fff; filter: alpha(opacity=80); opacity: .8; margin-top: 12px;}
.about-company .more{display: block; width: 138px; height: 34px; line-height: 34px; border: 1px solid #fff; border-color: rgba(255,255,255,.6); text-align: center; color: rgba(255,255,255,.8); color: #fff\9; margin-top: 12px; transition: transform .6s;}
.about-company .more:hover{color: rgba(255,255,255,.8)!important; color: #fff!important\9; transform: translateX(12px);}
.science-intabbox{margin-top: 23px;}
.science-intabtit{font-size: 0; text-align: center; position: relative; overflow: hidden;}
.science-intabtit > div{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; padding: 0 24px;}
.science-intabtit .line{width: 600px; height: 1px; background: #999; position: absolute; top: 50%;}
.science-intabtit .line i{display: block; width: 5px; height: 5px; background: #999; position: absolute; top: -2px;}
.science-intabtit .line.l{left: -600px;}
.science-intabtit .line.r{right: -600px;}
.science-intabtit .line.l i{left: 600px;}
.science-intabtit .line.r i{left: 0;}
.science-intabtit li{float: left; font-size: 18px; padding: 0 14px; margin: 0 6px; cursor: pointer; position: relative; height: 34px; line-height: 34px; color: #fff;}
.science-intabtit li span{display: block; color: #ccc; position: absolute; left: -10px; top: 0;}
.science-intabtit li.active{color: #cc0030;}
.science-intabcont{margin-top: 23px;}
.science-intabitem{display: block!important; height: 0; opacity: 0; visibility: hidden; transition: opacity 1s; margin: 0 -15px;}
.science-intabitem.hauto{height: auto; opacity: 1; visibility: visible;}
.science-intabitem .slick-slide{width: 380px; float: left;}
.science-intabitem .slick-slide .item{margin: 0 15px;}
.science-intabitem .slick-slide .pic{overflow: hidden;}
.science-intabitem .slick-slide .pic img{width: 380px; height: 260px; transition: transform 1s;}
.science-intabitem .slick-slide .item:hover .pic img{transform: scale(1.05);}
.science-intabitem .slick-slide .title{height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.science-intabitem .slick-prev,.science-intabitem .slick-next{width: 34px; height: 50px; background: url(../images/science-arrow.png) no-repeat; margin-top: -25px;}
.science-intabitem .slick-prev{left: -54px; background-position: 0 0;}
.science-intabitem .slick-next{right: -54px; background-position: 0 -50px;}
.science-intabitem .slick-prev:hover{background-position: -34px 0;}
.science-intabitem .slick-next:hover{background-position: -34px -50px;}
/*首页---新闻中心*/
.index-news{background: #f5f5f5; padding: 56px 0 30px 0; position: relative; overflow: hidden;}
.news-inbox{margin-top: 20px;}
.news-infirst{width: 586px; float: left; margin-bottom: 20px; position: relative;}
.news-infirst .bg,.news-inlist li .bg{width: 100%; height: 100%; background: #fff; filter: alpha(opacity: 10); opacity: .1; box-shadow: 0 0 20px rgba(23,21,17,.4); position: absolute; left: 0; top: 0; z-index: 1;}
.news-infirst a{display: block; padding: 21px 21px 0 21px; position: relative; z-index: 2;}
.news-infirst .pic{height: 330px; overflow: hidden;}
.news-infirst .pic img{width: 100%; min-height: 100%; transition: all 1s;}
.news-infirst a:hover .pic img{transform: scale(1.1);}
.news-infirst .bot{height: 62px; padding: 15px 0 16px 90px; position: relative;}
.news-infirst .bot .time{width: 52px; height: 62px; padding-right: 18px; border-right: 1px solid #ccc; font-family: "Arial"; color: #666; text-align: center; line-height: 1.2; position: absolute; left: 0; top: 12px;}
.news-infirst .bot .time span{display: block; font-size: 18px; font-weight: bold; padding-top: 12px;}
.news-infirst .bot .time em{display: block; margin-top: 4px;}
.news-infirst .bot .title{font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 6px;}
.news-infirst .bot .desc{font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.news-inlist{width: 578px; float: right;}
.news-inlist li{margin-bottom: 20px; position: relative;}
.news-inlist li a{display: block; height: 62px; padding: 17px 46px 17px 100px; position: relative; z-index: 2;}
.news-inlist li .time{width: 72px; height: 62px; border-right: 1px solid #ccc; font-family: "Arial"; color: #666; text-align: center; line-height: 1.2; position: absolute; left: 8px; top: 17px;}
.news-inlist li .time span{display: block; font-size: 18px; font-weight: bold; padding-top: 12px;}
.news-inlist li .time em{display: block; margin-top: 4px;}
.news-inlist li .title{font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 8px;}
.news-inlist li .desc{font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666;}
.news-inlist li a:hover{background: #ba0000;}
.news-inlist li a:hover .time,.news-inlist li a:hover .title{color: #fff;}
.news-inlist li a:hover .desc{color: #fff;}
/*友情链接*/
.links{background: #fff; font-size: 14px; position: relative; overflow: hidden; padding: 18px 0;}
.links a{color: #999;}
.links span{display: block; float: left; font-size: 16px; height: 30px; line-height: 30px;}
.links ul{margin-left: 82px; overflow: hidden;}
.links li{float: left; height: 30px; line-height: 30px; margin-right: 22px;}
/*内页广告图*/
.ny-banner{height: 360px; background-repeat: no-repeat; background-position: center top;}
/*面包屑导航*/
.location{background: #f1f1f1; height: 60px; line-height: 60px;}
/*sidebar*/
.sidebar{padding: 50px 0; position: relative; overflow: hidden;}
.sidebar-left{width: 284px; float: left;}
.sidebar-title{background: #cc0030; color: #fff; padding: 20px 30px;}
.sidebar-title .title{font-size: 28px; line-height: 32px;}
.sidebar-title .entitle{font-size: 12px; line-height: 20px; text-transform: uppercase; margin-top: 4px;}
.sidebar-menu ul > li{border-bottom: 1px solid #f0f0f0;}
.sidebar-menu ul > li > a{display: block;width:100%; height: 46px; line-height: 46px; transition: all 0s; position: relative;  font-size: 15px; padding-left: 60px; background-color: #f8f8f8; background-repeat: no-repeat; background-position: 32px center; background-image: url(../images/smenu-btn.png);}
.sidebar-menu ul > li.active > a{background-image: url(../images/smenu-abtn.png); color: #cc0030!important;}
.sidebar-contact{background: #f1f1f1; color: #666; padding: 30px 18px; margin-top: 16px;}
.sidebar-contact .title{font-size: 18px; line-height: 26px; color: #000;}
.sidebar-contact .desc{font-size: 13px; line-height: 26px; margin-top: 26px; margin-bottom: 10px;}
.sidebar-right{width: 880px; float: right;}
/*列表分页*/
.list-page{margin-top: 30px; padding-bottom: 30px; text-align: center; color: #666; overflow: hidden; font-size: 0;}
.list-page .pagination,.list-page .go_page{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.list-page li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 4px; font-size: 14px;}
.list-page a, .list-page .disabled span{display: block; text-align: center; min-width: 28px; height: 38px; line-height: 38px; position: relative; padding: 0 5px; border: 1px solid #666; color: #666; font-size: 14px;}
.list-page a:hover,.list-page li.active span{border: 1px solid #cc0030; background: #cc0030; color: #fff!important;}
.list-page li.disabled span{font-size: 18px;}
.list-page li span{display: block; height: 38px; line-height: 38px; min-width: 28px; text-align: center; padding: 0 5px;}
.list-page .go_page{margin-left: 24px;}
.list-page .go_page span{color: #666; font-size: 14px; float: left; height: 40px; line-height: 40px;}
.list-page input{border: 1px solid #666; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #666; margin: 0 8px; vertical-align: middle;}
.list-page a.disabled{cursor: not-allowed;}
.list-page .confirm_jump_page{float: left; width: 40px; height: 30px; line-height: 30px; margin-left: 10px; margin-top: 5px; background: #cc0030; color: #fff; cursor: pointer;}
/*解决方案列表*/
.list-solution ul{margin: 0 -10px;}
.list-solution li{width: 280px; float: left; margin: 0 10px 20px 10px;}
.list-solution li .pic{overflow: hidden;}
.list-solution li .pic img{width: 280px; height: 200px; transition: transform .8s;}
.list-solution li .title{height: 46px; line-height: 46px; background: #eee; font-size: 15px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-solution li .title a{color: #666;}
.list-solution li .pic:hover img{transform: scale(1.1);}
/*产品中心列表*/
.list-product ul{margin: 0 -10px;}
.list-product li{width: 280px; float: left; margin: 0 10px 20px 10px;}
.list-product li .pic{overflow: hidden;}
.list-product li .pic img{width: 280px; height: 280px; transition: transform .8s;}
.list-product li .title{height: 46px; line-height: 46px; background: #eee; font-size: 15px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-product li .title a{color: #666;}
.list-product li:hover .pic img{transform: scale(1.1);}
/*产品详情*/
.product-info .pic{width: 440px; float: left;}
.product-bigpic{width: 440px; overflow: hidden; border: 1px solid #ccc; position: relative;}
.product-smallpic{margin-top: 14px; position: relative;}
.product-smallpic .prev,.product-smallpic .next{display: block; width: 26px; height: 100%; position: absolute; top: 0;}
.product-smallpic .prev{left: 0;}
.product-smallpic .next{right: 0;}
.product-smallpic .prev span,.product-smallpic .next span{display: block; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; position: absolute; left: 0; top: 0; z-index: 1;}
.product-smallpic .prev i,.product-smallpic .next i{display: block; width: 12px; height: 22px; background: url(../images/prod-arrow.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -11px; z-index: 2;}
.product-smallpic .prev i{background-position: 0 0;}
.product-smallpic .next i{background-position: 0 -22px;}
.product-smallslick{margin: 0 30px; position: relative;}
.product-smallslick .slick-slide span{display: block; margin: 0 6px; border: 1px solid #ccc; cursor: pointer;}
.product-smallslick .slick-current span{border-color: #cc0030;}
.zoomDiv{width: 200px; height: 200px; position: absolute; top: 0; left: 0; z-index: 999; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden;}
.zoomDiv img{max-width: none;}
.zoomMask{position: absolute; background: #000; filter:alpha(opacity=15); opacity: .15; cursor: crosshair; z-index: 666;}
.product-info .text{width: 410px; float: right; margin-top: 14px;}
.product-info .title{font-size: 28px; font-weight: normal; line-height: 32px; border-left: 8px solid #ba0000; padding-left: 18px;}
.product-info .desc{margin-top: 32px; background: #f8f8f8; padding: 26px 18px 26px 30px;}
.product-info .name{font-size: 18px;}
.product-info .intro{font-size: 15px; min-height: 156px; text-align: justify; line-height: 26px; color: #666; margin-top: 8px;}
.prodetails-dbox{margin-top: 44px;}
.prodetails-tabtit{height: 43px; border-bottom: 1px solid #cc0030;}
.prodetails-tabtit span{display: block; float: left; height: 43px; line-height: 43px; background: #cc0030; padding: 0 30px; font-size: 18px; color: #fff; text-align: center;}
.prodetails-body{margin-top: 20px; font-size: 15px; color: #555; line-height: 2;}
.relevant-product{margin-top: 16px;}
.relevant-product ul{margin: 0 -10px;}
.relevant-product li{width: 280px; float: left; margin: 0 10px 20px 10px;}
.relevant-product li .pic{overflow: hidden;}
.relevant-product li .pic img{width: 280px; height: 200px; transition: transform .8s;}
.relevant-product li .name{height: 46px; line-height: 46px; background: #fff; font-size: 15px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.relevant-product li .name a{color: #666;}
.relevant-product li .pic:hover img{transform: scale(1.1);}
/*公司实力列表*/
.list-science ul{margin: 0 -10px;}
.list-science li{width: 280px; float: left; margin: 0 10px 20px 10px;}
.list-science li .pic{overflow: hidden;}
.list-science li .pic img{width: 280px; height: 192px; transition: transform .8s;}
.list-science li .title{height: 46px; line-height: 46px; background: #eee; font-size: 15px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-science li:hover .pic img{transform: scale(1.1);}
/*公司实力---图片放大*/
#zoom{width: 100%; height: 100%; background:rgba(0,0,0,.8); z-index: 99990; position: fixed; top: 0; left: 0; display: none;}
#zoom .content{z-index: 99991; position: absolute; top:50%; left: 50%; width: 200px; height: 200px; background-color: #fff; background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0,0,0,.3); border-radius: 4px;}
#zoom .content.loading{background-image: url(../images/loading.gif);}
#zoom img{display: block; max-width: none; background: #ececec; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius: 4px;}
#zoom .close{z-index: 99993; position: absolute; top: 0; right: 0; width: 49px; height: 49px; cursor: pointer; background: transparent url(../images/close.png) no-repeat center; border-radius: 0 0 0 4px;}
#zoom .previous,#zoom .next{z-index: 99992; position: absolute; top: 50%; overflow: hidden; display: block; width: 49px; height: 49px; margin-top: -25px;}
#zoom .previous{left: 0; background: url(../images/arrows.png) no-repeat 0 0; border-radius: 0 4px 4px 0;}
#zoom .next{right: 0; background: url(../images/arrows.png) no-repeat right 0; border-radius: 4px 0 0 4px;}
#zoom .close:hover{background-color: #ff9800;}
#zoom .previous:hover,#zoom .next:hover{background-color: #ff9800;}
/*新闻列表*/
.list-news ul{margin-top: -25px;}
.list-news li{padding: 25px 0; border-bottom: 1px #E6E6E6 solid;}
.list-news li .pic{width: 246px; height: 150px; float: left; overflow: hidden;}
.list-news li .pic img{width: 100%; min-height: 150px;}
.list-news li .text{margin-left: 266px;}
.list-news li .title{font-size: 18px; font-weight: bold; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .time{font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; color: #999; margin-top: 8px;}
.list-news li .desc{font-size: 14px; height: 48px; line-height: 24px; color: #666; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 6px;}
.list-news li .more{display: block; width: 100px; height: 32px; line-height: 32px; background: #cc0030; border-radius: 2px; font-size: 13px; color: #fff; text-align: center; margin-top: 10px;}
.list-news li .more:hover{color: #fff!important; margin-left: 10px\9; transform: translateX(6px);}
/*新闻详情*/
.article-title{font-size: 28px; font-weight: normal; text-align: center; line-height: 1.2;}
.article-info{font-size: 12px; color: #666; text-align: center; height: 24px; line-height: 24px; margin-top: 8px;}
.article-info span{margin: 0 14px;}
.article-body{margin-top: 20px; line-height: 2; font-size: 15px; padding: 0 15px; color: #505050;}
.artcile-menu{border-top: 1px solid #ddd; margin-top: 40px; padding-top: 20px; position: relative;}
.artcile-menu > div{padding: 5px 0;}
.artcile-menu .back{position: absolute; right: 0; top: 30px; padding-left: 25px;}
.artcile-menu .back a:hover{text-decoration: underline;}
.article-relevant{margin-top: 30px;}
.article-relevant .title{height: 30px; line-height: 30px; font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.relevant-list{margin-top: 10px;}
.relevant-list ul{margin: 0 -20px;}
.relevant-list li{width: 420px; float: left; height: 30px; line-height: 30px; margin: 0 20px;}
.relevant-list li .time{float: right; color: #999;}
.relevant-list li .name{margin-right: 96px; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*联系我们*/
.contact{line-height: 1.8;}
.contact-map{margin-top: 20px;}
.contact-map #dituContent{border: 1px solid #ccc; height: 360px;}
.contact-map h3{font-size: 16px;}
.contact-map p{font-size: 14px; color: #666;}
.contact-map img{max-width: none;}
/*在线留言*/
.p-message li{height: 40px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 10px; padding: 0 12px;}
.p-message li .j-input{display: block; width: 100%; height: 40px; line-height: 40px;}
.p-message li.shauto{height: auto;}
.p-message li .j-textarea{display: block; width: 100%; height: 70px; padding: 12px 0; overflow: hidden;}
.p-message li.code{border: 0; height: 42px; padding: 0;}
.p-message li.code .j-input{width: 400px; float: left; border: 1px solid #ddd; padding: 0 12px;}
.p-message li.code .img{float: left; margin-left: 10px;}
.p-message li.code .img img{display: block; height: 42px; cursor: pointer;}
.p-message li.submit{padding: 0; border: 0 none; height: auto;}
.p-message li .sbtn{display: block; background: #cc0030; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; cursor: pointer;}





.sidebar-menu *{box-sizing: border-box;}
.sidebar-menu li{display: flex;flex-wrap: wrap;}
.sidebar-menu li.has>a{width: calc(100% - 35px);}
.sidebar-menu li .i{display: flex;align-items:center;align-content:center;width: 35px;padding:0 10px;background-color: #f8f8f8;cursor: pointer;}
.sidebar-menu li .i img{display: block;width: 100%;transition: .3s;}
.erList{width: 100%;display: none;}
.erList a{display: block;width: 100%;padding: 10px 70px;background: #fafafa;}
.erList a+a{border-top: 1px solid #f2f2f2;}
.erList a.active{color: #cc0030;}
.sidebar-menu li.active img{transform: rotate(90deg);}