@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0; box-sizing: border-box;}
*:before,*:after{box-sizing: border-box;}
html{font-size: 14px; line-height: 1.5; font-family: "Microsoft Yahei",Helvetica,Verdana; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}
body{width: 100%; height: 100%; font-size: 14px; overflow: hidden; font-family: "Microsoft Yahei",Helvetica,Verdana; position: relative;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}
a:hover{color: #cc0030!important;}
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; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}
input[type="button"],input[type="text"],input[type="submit"]{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;}
.plr10{padding: 0 10px;}
.container{margin: 0 10px;}
.hide{display: none;}
.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}
.scrollView{height: calc(100% - 111px); overflow-x: hidden; overflow-y: auto; position: relative;}
.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}
/*字体*/
@font-face{font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/*swiper.css*/
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{font-size: 0;}
.swiper-pagination-bullet{background: #fff; opacity: 1;}
.swiper-pagination-bullet-active{background: #cc0030;}
.swiper-button-prev,.swiper-button-next{outline: 0 none;}
/*PhotoSwipe default-skin.css*/
.pswp__button{width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; float: right; opacity: 0.75; transition: opacity 0.2s; box-shadow: none; }
.pswp__button:focus,.pswp__button:hover{opacity: 1;}
.pswp__button:active{outline: none; opacity: 0.9;}
.pswp__button::-moz-focus-inner{padding: 0; border: 0;}
.pswp__ui--over-close .pswp__button--close{opacity: 1;}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background: url(../images/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px;}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx){
	.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image: url(../images/default-skin.svg);}
	.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background: none;}
}
.pswp__button--close{background-position: 0 -44px;}
.pswp__button--share{background-position: -44px -44px;}
.pswp__button--fs{display: none;}
.pswp--supports-fs .pswp__button--fs{display: block;}
.pswp--fs .pswp__button--fs{background-position: -44px 0;}
.pswp__button--zoom{display: none; background-position: -88px 0;}
.pswp--zoom-allowed .pswp__button--zoom{display: block;}
.pswp--zoomed-in .pswp__button--zoom{background-position: -132px 0;}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility: hidden;}
.pswp__button--arrow--left,.pswp__button--arrow--right{background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute;}
.pswp__button--arrow--left{left: 0;}
.pswp__button--arrow--right{right: 0;}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute;}
.pswp__button--arrow--left:before{left: 6px; background-position: -138px -44px;}
.pswp__button--arrow--right:before{right: 6px; background-position: -94px -44px;}
.pswp__counter,.pswp__share-modal{user-select: none;}
.pswp__share-modal{display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity;}
.pswp__share-modal--hidden{display: none;}
.pswp__share-tooltip{z-index: 1620; position: absolute; background: #fff; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); transform: translateY(6px); transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform;}
.pswp__share-tooltip a{display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px;}
.pswp__share-tooltip a:hover{text-decoration: none; color: #000;}
.pswp__share-tooltip a:first-child{border-radius: 2px 2px 0 0;}
.pswp__share-tooltip a:last-child{border-radius: 0 0 2px 2px;}
.pswp__share-modal--fade-in{opacity: 1;}
.pswp__share-modal--fade-in .pswp__share-tooltip{transform: translateY(0);}
.pswp--touch .pswp__share-tooltip a{padding: 16px 12px;}
a.pswp__share--facebook:before{content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #fff; pointer-events: none;}
a.pswp__share--facebook:hover{background: #3E5C9A; color: #fff;}
a.pswp__share--facebook:hover:before{border-bottom-color: #3E5C9A;}
a.pswp__share--twitter:hover{background: #55ACEE; color: #fff;}
a.pswp__share--pinterest:hover{background: #ccc; color: #CE272D;}
a.pswp__share--download:hover{background: #ddd;}
.pswp__counter{position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #fff; opacity: 0.75; padding: 0 10px;}
.pswp__caption{position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px;}
.pswp__caption small{font-size: 11px; color: #bbb}
.pswp__caption__center{text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #ccc;}
.pswp__caption--empty{display: none;}
.pswp__caption--fake{visibility: hidden;}
.pswp__preloader{width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr;}
.pswp__preloader__icn{width: 20px; height: 20px; margin: 12px;}
.pswp__preloader--active{opacity: 1;}
.pswp__preloader--active .pswp__preloader__icn{background: url(../images/preloader.gif) 0 0 no-repeat;}
.pswp--css_animation .pswp__preloader--active{opacity: 1;}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;}
.pswp--css_animation .pswp__preloader__icn{background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0;}
.pswp--css_animation .pswp__preloader__cut{position: relative; width: 7px; height: 14px; overflow: hidden;}
.pswp--css_animation .pswp__preloader__donut{box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0;}
@media screen and (max-width: 1024px){
	.pswp__preloader{position: relative; left: auto; top: auto; margin: 0;float: right;}
}
@-webkit-keyframes clockwise{
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes clockwise{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes donut-rotate{
	0%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50%{
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}
@keyframes donut-rotate{
	0%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50%{
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100%{
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}
.pswp__ui{-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550;}
.pswp__top-bar{position: absolute; left: 0; top: 0; height: 44px; width: 100%;}
.pswp__caption,.pswp__top-bar,.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{-webkit-backface-visibility: hidden; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility: visible;}
.pswp__top-bar,.pswp__caption{background-color: rgba(0, 0, 0, 0.5);}
.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color: rgba(0, 0, 0, 0.3);}
.pswp__ui--idle .pswp__top-bar{opacity: 0;}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity: 0;}
.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right{opacity: 0.001;}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display: none;}
.pswp__element--disabled{display: none!important;}
.pswp--minimal--dark .pswp__top-bar{background: none;}
/*PhotoSwipe.css*/
.pswp{display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 9999999; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none;}
.pswp *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.pswp img{max-width: none;}
.pswp--animate_opacity{opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--open{display: block;}
.pswp--zoom-allowed .pswp__img{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
.pswp--zoomed-in .pswp__img{cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;}
.pswp--dragging .pswp__img{cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;}
.pswp__bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity;}
.pswp__scroll-wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.pswp__container,.pswp__img{user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.pswp__zoom-wrap{position: absolute; width: 100%; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp__bg{will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{transition: none;}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility: hidden;}
.pswp__item{position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.pswp__img{position: absolute; width: auto; height: auto; top: 0; left: 0;}
.pswp__img--placeholder{-webkit-backface-visibility: hidden;}
.pswp__img--placeholder--blank{background: #222;}
.pswp--ie .pswp__img{width: 100% !important; height: auto !important; left: 0; top: 0;}
.pswp__error-msg{position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #ccc;}
.pswp__error-msg a{color: #ccc; text-decoration: underline;}
/*头部*/
.header{height: 50px; background: #fff; overflow: hidden; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}
.logo{float: left; height: 28px; margin-top: 12px; margin-left: 10px; position: relative;}
.logo a{display: block; height: 100%; position: relative;}
.logo a img{display: block; height: 100%;}
.logo a .text{font-size: 8px; font-weight: bold; position: absolute; left: 66px; top: 20px;}
.logo a .text span{color: #cc0030;}
.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}
.sp_nav i{display: block; background: #333; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}
.sp_nav i:nth-of-type(1){top: 0;}
.sp_nav i:nth-of-type(2){top: 10px;}
.sp_nav i:nth-of-type(3){top: 20px;}
.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}
.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}
.nav.nav_show{top: 50px;}
.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}
.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}
.nav > ul > li:first-child{border-top: 0 none;}
.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}
.nav ul li ul{display: none;}
.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}
.nav ul li i span{font-size: 14px; transition: all .5s;}
.nav ul li i span:before{content: "\eeaa";}
.nav ul li i.nav_btndown span{color: #ef831a; transform: rotate(90deg);}
/*内页菜单*/
.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}
.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}
.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}
.dropmenu .label .iconfont:before{content: "\e60e";}
.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}
.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}
.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}
.dropmenu ul li.active a {background: #000; color: #fff;}
.dropmenu.open .label .iconfont{transform: rotate(180deg);}
/*公共样式*/
.inner-title{font-size: 20px; text-align: center; line-height: 1.2;}
.inner-inbg{display: flex; justify-content: center; align-items: center; margin-top: 6px;}
.inner-inbg span{width: 30px; height: 1px; background: #dadada;}
.inner-inbg img{display: block; height: 16px; margin: 0 8px;}
/*底部*/
.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}
.foot_copy a{color: #8e8e8e;}
.footer{width: 100%; position: relative; z-index: 990;}
.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}
.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}
.footer li a{display: block; width: 100%; height: 100%; color: #666;}
.footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}
.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}
/*首页---广告图*/
.banner .swiper-slide img{display: block; width: 100%;}
/*首页---解决方案*/
.index-solution{background: #fff; padding: 30px 0;}
.solution-inbox{margin-top: 14px;}
.solution-inbox .first .pic img{width: 100%;}
.solution-inbox .first .text{padding: 18px 10px; background: #cc0030;}
.solution-inbox .first .title{font-size: 18px; font-weight: bold; color: #fff; line-height: 1.1; padding-bottom: 10px; border-bottom: 1px solid #db4d6f;}
.solution-inbox .first .desc{font-size: 12px; line-height: 20px; color: #fff; text-align: justify; margin-top: 12px; max-height: 200px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 10;}
.solution-inbox .first .more{display: block; width: 86px; height: 26px; line-height: 26px; font-size: 10px; border: 1px solid rgba(255,255,255,.6); text-align: center; color: rgba(255,255,255,.8); margin-top: 16px; transition: transform .6s;}
.solution-inbox .first .more:hover{color: rgba(255,255,255,.8)!important; transform: translateX(6px);}
.solution-inbox ul{display: flex; flex-flow: wrap;}
.solution-inbox li{width: 49%; margin: 10px 2% 0 0;}
.solution-inbox li:nth-child(2n){margin-right: 0;}
.solution-inbox li .pic{overflow: hidden;}
.solution-inbox li .pic img{width: 100%;}
.solution-inbox li .title{height: 34px; line-height: 34px; background: #eee; font-size: 12px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*首页---产品中心*/
.index-product{padding: 30px 0; background: #eee;}
.product-inbox{margin-top: 14px;}
.product-inbox ul{display: flex; flex-flow: wrap; margin-bottom: -10px;}
.product-inbox li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
.product-inbox li:nth-child(2n){margin-right: 0;}
.product-inbox li a{display: block; background: #fff;}
.product-inbox li .pic{overflow: hidden;}
.product-inbox li .pic img{width: 100%;}
.product-inbox li .title{font-size: 12px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 6px;}
/*首页---公司优势*/
.index-advantage{padding: 30px 0; background: #fff;}
.advantage-inbox{margin-top: 14px;}
.advantage-inbox li .pic{margin-bottom: 12px;}
.advantage-inbox li .pic img{width: 100%;}
.advantage-inbox li .text{margin-bottom: 12px;}
.advantage-inbox li .title{height: 46px; position: relative; padding-left: 54px;}
.advantage-inbox .title .num{width: 46px; height: 46px; line-height: 46px; background: url(../images/advnum-bg.png) no-repeat; background-size: 100% 100%; font-family: "Impact"; font-size: 18px; text-align: center; color: #fff; position: absolute; left: 0; top: 0;}
.advantage-inbox .title h3{line-height: 20px; font-size: 16px; font-weight: bold; color: #cc0030; padding-top: 4px;}
.advantage-inbox .title p{line-height: 16px; font-size: 12px; color: #666; text-transform: uppercase; margin-top: 2px;}
.advantage-inbox .desc{margin-left: 8px; margin-top: 8px;}
.advantage-inbox .desc p{font-size: 11px; line-height: 20px; position: relative; padding-left: 10px;}
.advantage-inbox .desc p i{display: block; width: 4px; height: 4px; background: #999; border-radius: 50%; position: absolute; left: 0; top: 8px;}
.advantage-inbox li:last-child .text:last-child{margin-bottom: 0;}
/*首页---关于我们*/
.index-about{padding: 30px 0; background: url(../images/about-inbg.jpg) no-repeat center; background-size: cover;}
.index-about .inner-title{color: #fff;}
.index-about .inner-inbg i{background: #999;}
.about-company{background: #cc0030; margin-top: 14px; display: flex; align-items: center;}
.about-company .pic{width: 98px; overflow: hidden;}
.about-company .pic img{width: 100%;}
.about-company .text{flex: 1; margin: 0 8px;}
.about-company .title{font-size: 15px; font-weight: bold; line-height: 1.1; color: #fff;}
.about-company .desc{font-size: 10px; height: 28px; line-height: 14px; color: rgba(255,255,255,.8); overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px;}
.about-company .more{display: block; width: 86px; height: 26px; line-height: 26px; border: 1px solid rgba(255,255,255,.6); font-size: 10px; text-align: center; color: rgba(255,255,255,.8); margin-top: 8px; transition: transform .6s;}
.about-company .more:hover{color: rgba(255,255,255,.8)!important; transform: translateX(4px);}
.science-intabbox{margin-top: 23px;}
.science-intabtit{display: flex; justify-content: center; overflow: hidden;}
.science-intabtit > div{position: relative; padding: 0 5px;}
.science-intabtit .line{width: 400px; height: 1px; background: #999; position: absolute; top: 50%;}
.science-intabtit .line:after{display: block; content: ""; width: 5px; height: 5px; background: #999; position: absolute; top: -2px;}
.science-intabtit .line:first-child{left: -400px;}
.science-intabtit .line:last-child{right: -400px;}
.science-intabtit .line:first-child:after{left: 400px;}
.science-intabtit .line:last-child:after{left: 0;}
.science-intabtit ul{display: flex;}
.science-intabtit li{font-size: 14px; padding: 0 10px; margin: 0 6px; cursor: pointer; position: relative; height: 24px; line-height: 24px; 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: 14px;}
.science-intabitem{position: relative; --swiper-navigation-size: 20px;}
.science-intabitem .swiper-container{margin: 0 20px;}
.science-intabitem .swiper-slide a{display: block;}
.science-intabitem .swiper-slide .pic{overflow: hidden;}
.science-intabitem .swiper-slide .pic img{width: 100%;}
.science-intabitem .swiper-slide .title{height: 34px; line-height: 34px; background: #fff; font-size: 12px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.science-intabitem .swiper-button-prev,.science-intabitem .swiper-button-next{color: #fff;}
.science-intabitem .swiper-button-prev{left: 0;}
.science-intabitem .swiper-button-next{right: 0;}
@media only screen and (max-width: 350px){
	.about-company .title{font-size: 13px;}
}
/*首页---新闻中心*/
.index-news{background: #f5f5f5; padding: 30px 0;}
.news-inbox{margin-top: 14px;}
.news-inbox li{margin-bottom: 10px; position: relative;}
.news-inbox li a{display: block; height: 74px; padding: 12px 16px 12px 78px; background: rgba(255,255,255,.1); box-shadow: 0 0 16px rgba(23,21,17,.2);}
.news-inbox li .time{width: 62px; height: 52px; border-right: 1px solid #ccc; font-family: "Arial"; color: #666; text-align: center; line-height: 1.2; position: absolute; left: 4px; top: 12px;}
.news-inbox li .time span{display: block; font-size: 18px; font-weight: bold; padding-top: 6px;}
.news-inbox li .time em{display: block; margin-top: 4px;}
.news-inbox li .title{font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 6px;}
.news-inbox li .desc{font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; margin-top: 4px;}
.news-inbox li a:hover{background: #ba0000;}
.news-inbox li a:hover .time,.news-inbox li a:hover .title{color: #fff;}
.news-inbox li a:hover .desc{color: #fff;}
/*列表分页*/
.pageList{padding: 20px 10px;}
.pageList ul{display: flex; flex-flow: wrap; justify-content: center; font-size: 13px;}
.pageList a,.pageList span{display: block; width: 28px; height: 28px; line-height: 28px; border: 1px solid #E9E9E9; margin: 0 3px; text-align: center;}
.pageList span{line-height: 26px;}
.pageList .active span{background: #c31821; line-height: 28px; color: #fff!important; border-color: #c31821;}
.pageList a:hover{background: #c31821; color: #fff!important; border-color: #c31821;}
/*解决方案列表*/
.list-solution ul{display: flex; flex-flow: wrap; margin-bottom: -10px;}
.list-solution li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
.list-solution li:nth-child(2n){margin-right: 0;}
.list-solution li a{display: block; background: #eee;}
.list-solution li .pic{overflow: hidden;}
.list-solution li .pic img{width: 100%;}
.list-solution li .title{font-size: 12px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 6px;}
/*产品列表*/
.list-product ul{display: flex; flex-flow: wrap; margin-bottom: -10px;}
.list-product li{width: 49%; margin-right: 2%; background: #eee; margin-bottom: 10px;}
.list-product li:nth-child(2n){margin-right: 0;}
.list-product li a{display: block; background: #eee;}
.list-product li .pic{overflow: hidden;}
.list-product li .pic img{width: 100%;}
.list-product li .title{font-size: 12px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 6px;}
/*设备展示列表*/
.list-science{display: flex; flex-flow: wrap; margin-bottom: -10px;}
.list-science .item{width: 49%; margin-right: 2%; margin-bottom: 10px;}
.list-science .item:nth-child(2n){margin-right: 0;}
.list-science .pic img{width: 100%;}
.list-science .item .title{height: 34px; line-height: 34px; background: #eee; font-size: 12px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*新闻列表*/
.list-news{padding: 0 10px;}
.list-news{margin-bottom: -10px;}
.list-news li{overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.list-news li a{display: block; overflow: hidden;}
.list-news li .pic{width: 110px; height: 68px; float: left;}
.list-news li .pic img{width: 100%; min-height: 68px;}
.list-news li .text{margin-left: 122px;}
.list-news li .title{font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-news li .time{font-size: 11px; color: #999; line-height: 14px; margin-top: 2px;}
.list-news li .desc{font-size: 11px; color: #666; height: 28px; line-height: 14px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 4px;}
/*产品详情*/
.prodetail-picswiper{position: relative;}
.prodetail-picswiper .swiper-container{--swiper-navigation-size: 18px;}
.prodetail-picswiper .swiper-slide img{width: 100%;}
.prodetail-picswiper .swiper-button-prev,.prodetail-picswiper .swiper-button-next{width: 24px; height: 50px; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.6); margin-top: -25px; color: #fff;}
.prodetail-info{padding: 20px 4%; background: #efefef;}
.prodetail-desc{margin-top: 10px; font-size: 13px; line-height: 22px; color: #777;}
.prodetail-thead ul{height: 44px; background: #fff; border-top: 1px solid #e2e0e4; border-bottom: 1px solid #ddd; display: flex;}
.prodetail-thead li{float: left; height: 43px; line-height: 43px; font-size: 13px; padding: 0 15px; cursor: pointer;}
.prodetail-thead li.active{border-bottom: 2px solid #0054a6;}
.prodetail-body{font-size: 14px; line-height: 26px; color: #666; padding: 20px 10px;}
.prodetail-body img{width: auto !important; height: auto !important;}
/*详情页*/
.details{padding: 0 20px;}
.details_header{text-align: center; padding: 30px 0 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.details_title{font-size: 17px; color: #444;}
.details_info{color: #c1c1c1; font-size: 13px; margin-top: 4px;}
.details_info span{padding: 0 10px;}
.details_Etitle{color: #999; font-size: 12px;}
.details_body{font-size: 14px; line-height: 26px; color: #333; padding-bottom: 10px;}
.details_body img{height: auto !important;}
.pagepre{border-top: 1px solid #ddd; padding: 8px 10px; margin-top: 10px; color: #666;}
.pagepre p{padding: 5px 0; line-height: 1.5;}
.pagepre a{color: #666;}
/*单页*/
.single_page{padding-bottom: 20px;}
/*联系我们*/
.contact{line-height: 2; padding-bottom: 20px;}
.contact-map #dituContent{height: 240px; border: 1px solid #ddd;}
.contact-map h3{font-size: 16px;}
.contact-map p{font-size: 14px; color: #666;}
.contact-map img{max-width: none;}
/*在线留言*/
.message{padding: 0 10px 20px 10px;}
.message li{margin-bottom: 10px;}
.message li .j-input{display: block; width: 100%; height: 40px; line-height: 40px; background: #efefef; padding: 0 10px;}
.message li .j-textarea{display: block; width: 100%; height: 90px; padding: 6px 10px; background: #efefef; line-height: 24px; overflow: hidden;}
.message li.code{display: flex; align-items: center;}
.message li.code .j-input{width: 130px; padding: 0 12px;}
.message li.code .img{margin-left: 10px;}
.message li.code .img img{display: block; height: 40px; cursor: pointer;}
.message li .sbtn{display: block; background: #cc0030; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 4px;}