@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.6; 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; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:hover{color: #b60000!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; -webkit-appearance: none; -moz-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;}
.wrapper{width: 1200px; margin: 0 auto; position: relative;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.wow{visibility: hidden; visibility: visible\9;}
.boxwrapper{overflow: hidden; position: relative;}
/*slick*/
.slick-slider{position: relative;}
.slick-list{position: relative; overflow: hidden;}
.slick-list:focus{outline: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.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;}
.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: 20px;}
.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: #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}
.slick-dots li.slick-active button{background: #b60000;}
/*头部*/
.top{height: 40px; line-height: 40px; background: #f0f0f0; color: #666;}
.top a{color: #666;}
.top-lt{float: left;}
.top-rt{float: right;}
.top-rt a{display: block; height: 40px; line-height: 40px; float: left; border-left: 1px solid #e5e5e5; background-repeat: no-repeat; background-position: 12px center; padding: 0 12px 0 32px;}
.top-rt a.map-icon{background-image: url(../images/map-icon.png);}
.top-rt a.abt-icon{background-image: url(../images/abt-icon.png);}
.top-rt a.cot-icon{background-image: url(../images/cot-icon.png);}
.top-rt a.map-icon:hover{background-image: url(../images/map-hicon.png);}
.top-rt a.abt-icon:hover{background-image: url(../images/abt-hicon.png);}
.top-rt a.cot-icon:hover{background-image: url(../images/cot-hicon.png);}
.header{background: #fff; padding: 30px 0 32px 0;}
.logo{float: left; height: 78px; padding-right: 22px; position: relative;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}
.logo i{display: block; width: 1px; height: 70px; background: #ccc; position: absolute; right: 0; top: 5px;}
.logo-text{float: left; line-height: 36px; margin-left: 30px; color: #666; margin-top: 2px;}
.logo-text .t1{font-size: 30px; margin-bottom: 3px;}
.logo-text .t1 b{font-weight: bold; color: #b60000;}
.logo-text .t2{font-size: 24px;}
.htel{float: right; background: url(../images/htel-bg.png) no-repeat left center; min-height: 48px; padding-left: 60px; line-height: 28px; font-size: 18px; margin-top: 10px;}
.htel span{display: block; font-family: "Arial"; font-size: 30px; margin-top: 2px;}
.nav{width: 100%; background: url(../images/nav-bg.jpg) no-repeat center top; position: relative; z-index: 999;}
.nav.fixed{position: fixed; left: 0; top: 0;}
.nav ul > li{width: 132px; float: left; margin-right: 1px; font-size: 16px; text-align: center; position: relative;}
.nav ul > li > a{display: block; height: 60px; line-height: 60px;}
.subnav{width: 100%; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); position: absolute; left: 0; top: 100%; text-align: center; background: #555; margin-top: 20px; opacity: 0; visibility: hidden; height: 0; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.subnav li{height: 48px; line-height: 48px;}
.subnav li a{display: block; height: 48px; line-height: 48px; color: #fff; font-size: 16px; visibility: visible;}
.subnav li a:hover{background: #b60000; color: #fff!important;}
.nav ul > li.active > a,.nav ul > li:hover > a{background: #b60000; color: #fff!important; font-weight: bold;}
.nav ul > li:hover .subnav{margin-top: 0; opacity: 1; visibility: visible; height: auto;}
/*底部*/
.footer{color: #ccc; overflow: hidden; background: #333; position: relative;}
.footer a{color: #ccc;}
.foot-model{padding: 46px 0 26px 0;}
.foot-logo{width: 148px; float: left;}
.foot-logo img{width: 100%;}
.foot-center{width: 860px; float: left; margin-left: 40px;}
.foot-nav li{float: left; height: 26px; line-height: 26px; font-size: 16px; color: #fff;}
.foot-nav li a{color: #fff;}
.foot-nav li span{opacity: .3; padding: 0 16px;}
.foot-office{margin-top: 30px;}
.foot-office ul{margin: 0 -50px;}
.foot-office li{width: 380px; float: left; margin: 0 50px; line-height: 30px;}
.foot-office li .title{font-weight: bold;}
.foot-wechat{width: 128px; float: right;}
.foot-wechat .title{height: 30px; line-height: 30px; font-size: 16px; color: #fff; margin-bottom: 30px;}
.foot-wechat img{width: 128px; height: 128px;}
.foot-copy{border-top: 1px solid #555; font-size: 12px; color: #999; line-height: 24px; padding: 13px 0;}
.foot-copy a{color: #999;}
/*热门搜索*/
.hot-search{background: #b60000; height: 50px; position: relative; z-index: 3;}
.hot-sleft{max-width: 700px; float: left; height: 50px; line-height: 50px; font-size: 0; overflow: hidden;}
.hot-sleft span,.hot-sleft a{display: inline-block; *display: inline; *zoom: 1; font-size: 14px; color: #fff;}
.hot-sleft span{font-size: 18px; font-weight: bold; position: relative;}
.hot-sleft a{margin-right: 20px;}
.hot-sleft a:hover{color: #fff!important; text-decoration: underline;}
.searchform{width: 280px; height: 32px; background: #fff; float: right; margin-top: 9px; border-radius: 4px; overflow: hidden;}
.searchform .form{padding: 0 58px 0 10px; position: relative;}
.searchform input[type="text"]{display: block; width: 100%; height: 32px; line-height: 32px; *line-height: 30px; font-size: 14px;}
.searchform .btn{display: block; width: 52px; height: 32px; line-height: 32px; text-align: center; cursor: pointer; background: url(../images/search-btn.png) no-repeat center #b3b3b3; position: absolute; right: 0; top: 0;}
/*title*/
.inner-title{font-size: 36px; font-weight: bold; text-align: center; line-height: 1.4;}
.inner-title span{color: #b60000;}
.inner-desc{font-size: 0; text-align: center; position: relative; overflow: hidden; margin-top: 8px;}
.inner-desc span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 20px; position: relative; font-size: 16px; color: #666;}
.inner-desc span i{display: block; width: 600px; height: 1px; background: #dcdcdc; position: absolute; top: 50%;}
.inner-desc span i.l{left: -600px;}
.inner-desc span i.r{right: -600px;}
/*首页*/
.index-row{padding:60px 0;}
/*首页---广告图切换*/
.banner{position: relative; z-index: 22; overflow: hidden;}
.banner .slick-slide{height: 650px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner .slick-slide a{display: block; width: 100%; height: 100%;}
.banner .slick-dots{bottom: 26px;}
.banner .slick-dots li{margin: 0 6px;}
.banner .slick-dots li button{width: 43px; height: 9px; border-radius: 0; background: #b60000; filter: alpha(opacity: 5); -webkit-opacity: .05; -moz-opacity: .05; -ms-opacity: .05; -o-opacity: .05; opacity: .05;}
.banner .slick-dots li.slick-active button{filter: alpha(opacity: 100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1;}
/*首页---产品*/
.index-product{background: #f3f3f3;}
.index-product-box{margin-top: 40px;}
.index-product-left{width: 250px; background: #b60000; float: left;}
.index-product-left .title{font-size: 30px; font-weight: bold; color: #fff; text-align: center; line-height: 36px; padding-top: 24px;}
.index-product-left .text{width: 118px; height: 30px; line-height: 30px; margin: 16px auto 22px; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 18px; color: #fff; text-align: center;}
.index-product-tabtit{margin: 0 3px; padding: 0 18px 0 20px; background: #fff; min-height: 428px;}
.index-product-tabtit ul{padding: 10px 0;}
.index-product-tabtit li{height: 54px; line-height: 54px; border-bottom: 1px solid #ccc; position: relative; padding-left: 16px; padding-right: 6px; font-size: 16px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-image: url(../images/prodnext-btn.png);}
.index-product-tabtit li.active{background-image: url(../images/prodnext-hbtn.png); font-weight: bold; color: #b60000;}
.index-product-left .cinfo{text-align: center; color: #fff; padding: 18px 0; line-height: 30px;}
.index-product-left .cinfo p{font-size: 16px;}
.index-product-left .cinfo span{display: block; font-family: "Arial"; font-weight: bold; font-size: 24px;}
.index-product-right{width: 910px; float: right;}
.index-product-item ul{margin: 0 -15px;}
.index-product-item li{width: 440px; float: left; margin: 0 15px;}
.index-product-item li .pic{overflow: hidden;}
.index-product-item li .pic img{width: 440px; height: 296px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-product-item li .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-product-item li .title{height: 56px; line-height: 56px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*首页---核心优势*/
.index-coreadv{background: #fff;}
.index-coreadv-box ul{padding: 25px 0; font-size: 0;}
.index-coreadv-box li{display: inline-block; *display: inline; *zoom: 1; vertical-align: -webkit-baseline-middle; font-size: 14px;}
.index-coreadv-box li.middle{vertical-align: middle;}
.index-coreadv-box li.text{width: 500px;}
.index-coreadv-box li.text .icon{width: 90px; height: 87px; float: left; background: url(../images/coreadv-icon.png) no-repeat 0 0; position: relative;}
.index-coreadv-box li.text .icon i{width: 1px; height: 302px; background: #ccc; position: absolute; left: 50%; top: 100%;}
.index-coreadv-box li.text .icon2{background-position: -90px 0;}
.index-coreadv-box li.text .icon3{background-position: -180px 0;}
.index-coreadv-box li.text .icon4{background-position: -270px 0;}
.index-coreadv-box li.text .txt{margin-left: 108px;}
.index-coreadv-box li.text .title{font-size: 24px; font-weight: bold; height: 36px; line-height: 36px; padding-top: 25px; padding-bottom: 12px;}
.index-coreadv-box li.text .desc{font-size: 14px; line-height: 24px; color: #666;}
.index-coreadv-box li.text .desc p{position: relative; padding: 2px 0 2px 16px;}
.index-coreadv-box li.text .desc p i{display: block; width: 4px; height: 4px; background: #333; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.index-coreadv-box li.text .desc p span{color: #b60000;}
.index-coreadv-box li.pic{width: 594px; margin-left: 106px;}
.index-coreadv-box li.pic img{width: 100%;}
.index-coreadv-box .n2 li.pic{width: 510px; margin-left: 0;}
.index-coreadv-box .n2 li.text{margin-left: 94px;}
/*首页---横幅*/
.index-banacross{height: 234px; background: url(../images/index-bg3.png) repeat #b80808; position: relative;}
.index-banacross .wrapper{height: 234px; background: url(../images/banacross-bg.png) no-repeat left bottom;}
.index-banacross .text{color: #fff; position: absolute; left: 538px; top: 50px;}
.index-banacross .title{font-size: 21px; font-weight: bold; line-height: 30px; }
.index-banacross .name{font-size: 18px; line-height: 34px; letter-spacing: 1px;}
.index-banacross .info{margin-top: 18px;}
.index-banacross .info a{display: block; width: 135px; height: 40px; line-height: 40px; float: left; background: #fff; font-size: 18px; color: #b80808; text-align: center;}
.index-banacross .info a:hover{filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.index-banacross .tel{margin-left: 50px;float: left; height: 40px; line-height: 40px; font-family: "Arial"; font-size: 24px; background: url(../images/bantel-btn.png) no-repeat left center; padding-left: 36px;}
/*首页---行业案例*/
.index-case{background: #fff;}
.index-case-box{margin-top: 22px;}
.index-case-tabtit ol,.index-case-tabtit ul{float: left; font-size: 0;}
.index-case-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 149px; height: 45px; line-height: 45px; margin-right: 1px; background: #e9e9e9; font-size: 16px; color: #666; text-align: center; cursor: pointer;}
.index-case-tabtit li a{display: block; width: 100%; height: 100%; color: #666;}
.index-case-tabtit li.active,.index-case-tabtit li a:hover{background: #b60000; color: #fff!important;}
.index-case-tabcont{margin-top: 20px;}
.index-case-type .pic{width: 795px; float: left; overflow: hidden;}
.index-case-type .pic img{width: 795px; height: 380px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-case-type .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-case-type .text{min-height: 348px; margin-left: 795px; border: 3px solid #ececec; padding: 26px 28px 0 34px;}
.index-case-type .name{font-size: 30px; position: relative; line-height: 40px;}
.index-case-type .name i{display: block; width: 48px; height: 1px; background: #999; position: absolute; left: -60px; top: 50%;}
.index-case-type .title{font-size: 18px; font-weight: bold; margin-top: 30px;}
.index-case-type .desc{font-size: 16px; line-height: 30px; color: #666; margin-top: 12px;}
.index-case-list{margin-top: 24px;}
.index-case-list ul{margin: 0 -12px;}
.index-case-list li{width: 282px; float: left; margin: 0 12px; position: relative;}
.index-case-list li a{display: block;}
.index-case-list li img{width: 282px; height: 142px;}
.index-case-list li .mask{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.index-case-list li .mask > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; z-index: 2;}
.index-case-list li .mask .bg{width: 100%; height: 100%; background: #b60000; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.index-case-list li .mask > i{width: 0; height: 100%;}
.index-case-list li .mask .title{width: 90%; font-size: 16px; text-align: center; color: #fff;}
.index-case-list li:hover .mask{opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
/*首页---公司优势*/
.index-companyadv{background: #f3f3f3;}
.index-companyadv-box{margin-top: 34px;}
.index-companyadv-tabcont{border: 3px solid #ececec; background: #fff;}
.index-companyadv-item{padding: 24px; position: relative;}
.index-companyadv-item .pic{width: 640px; float: left;}
.index-companyadv-item .pic img{width: 100%;}
.index-companyadv-item .text{width: 330px; float: right; margin-top: 54px; margin-right: 30px;}
.index-companyadv-item .icon img{max-height: 36px;}
.index-companyadv-item .title{font-size: 24px; margin-top: 6px;}
.index-companyadv-item .title span{color: #b60000;}
.index-companyadv-item .name{font-size: 18px; color: #666; margin-top: 4px;}
.index-companyadv-item .line{width: 38px; height: 1px; background: #ccc; margin: 22px 0 44px 0;}
.index-companyadv-item .desc{line-height: 24px; color: #666;}
.index-companyadv-item .titbig{width: 76px; height: 185px; background: url(../images/cpanyadv-titbg.png) no-repeat; position: absolute; left: 704px; top: -13px;}
.index-companyadv-item .titbig span{display: block; width: 30px; margin-left: 18px; margin-top: 10px; font-size: 26px; color: #fff; line-height: 32px; text-align: center;}
.index-companyadv-tabtit{margin-top: 22px;}
.index-companyadv-tabtit ul{font-size: 0; text-align: center;}
.index-companyadv-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 190px; height: 68px; background-repeat: no-repeat; background-image: url(../images/cpanyadv-tlbg.png); margin: 0 7px; cursor: pointer; text-align: center; color: #fff;}
.index-companyadv-tabtit li.active{background-image: url(../images/cpanyadv-tlhbg.png);}
.index-companyadv-tabtit li > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 24px;}
.index-companyadv-tabtit li .icon{width: 35px; height: 30px; background-repeat: no-repeat; margin-right: 6px;}
.index-companyadv-tabtit li .icon1{background-image: url(../images/cpanyadv-ticon1.png);}
.index-companyadv-tabtit li .icon2{background-image: url(../images/cpanyadv-ticon2.png);}
.index-companyadv-tabtit li .icon3{background-image: url(../images/cpanyadv-ticon3.png);}
.index-companyadv-tabtit li .icon4{background-image: url(../images/cpanyadv-ticon4.png);}
.index-companyadv-tabtit li span{height: 68px; line-height: 68px;}
/*首页---样品展示*/
.index-sample{background: #fff; padding-bottom: 30px;}
.index-sample-box{margin-top: 30px;}
.index-sample-slider{padding: 0 32px; height: 180px; overflow: hidden; position: relative;}
.index-sample-slider .slick-slide img{width: 262px; height: 176px;}
.index-sample-slider .slick-slide .item{display: block; width: 262px; border: 2px solid #ececec; margin: 0 9px; position: relative;}
.index-sample-slider .slick-slide .item .mask{width: 100%; height: 100%; font-size: 0; text-align: center; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.index-sample-slider .slick-slide .item .mask > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; z-index: 2;}
.index-sample-slider .slick-slide .item .mask .bg{width: 100%; height: 100%; background: #b60000; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; position: absolute; left: 0; top: 0; z-index: 1;}
.index-sample-slider .slick-slide .item .mask > i{width: 0; height: 100%;}
.index-sample-slider .slick-slide .item .mask .title{width: 90%; font-size: 16px; text-align: center; color: #fff;}
.index-sample-slider .slick-slide .item:hover .mask{opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.index-sample-slider .slick-prev,.index-sample-slider .slick-next{width: 18px; height: 36px; background: url(../images/sample-icon.png) no-repeat; margin-top: -18px;}
.index-sample-slider .slick-prev{left: 0;}
.index-sample-slider .slick-next{right: 0; background-position: -18px 0;}
.index-sample-slider .slick-prev:hover{background-position: 0 -36px;}
.index-sample-slider .slick-next:hover{background-position: -18px -36px;}
/*首页---合作流程*/
.index-process{padding-top: 30px; background: #fff;}
.index-process-box{margin-top: 34px;}
.index-process-box ul{margin: 0 -8px;}
.index-process-box li{width: 115px; height: 115px; float: left; margin: 0 8px; padding: 10px; position: relative; text-align: center;}
.index-process-box li .bg{width: 100%; height: 100%; background: #b60000; filter: alpha(opacity: 10); -webkit-opacity: .1; -moz-opacity: .1; -ms-opacity: .1; -o-opacity: .1; opacity: .1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 0;}
.index-process-box li .item{width: 115px; height: 115px; background: #b60000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; z-index: 2;}
.index-process-box li .text{padding-top: 16px;}
.index-process-box li .icon{width: 70px; height: 50px; margin: 0 auto; background: url(../images/process-icon.png) no-repeat 0 0;}
.index-process-box li .icon2{background-position: -70px 0;}
.index-process-box li .icon3{background-position: -140px 0;}
.index-process-box li .icon4{background-position: -210px 0;}
.index-process-box li .icon5{background-position: -280px 0;}
.index-process-box li .icon6{background-position: -350px 0;}
.index-process-box li .icon7{background-position: -420px 0;}
.index-process-box li .title{font-size: 16px; text-align: center; color: #fff; margin-top: 3px;}
/*首页---关于我们*/
.index-about{padding: 40px 0; background: url(../images/index-bg8.jpg) no-repeat center top #fff;}
.index-about .inner-title{color: #fff;}
.index-aboutCom{background: #fff; padding: 22px; margin-top: 30px;}
.index-aboutCom .pic{width: 588px; float: left;}
.index-aboutCom .text{width: 524px; float: right;}
.index-aboutCom .title{font-size: 30px; font-weight: bold; padding-top: 46px;}
.index-aboutCom .entitle{font-family: "Arial Black"; font-size: 18px; text-transform: uppercase; color: #ccc; margin-top: 4px;}
.index-aboutCom .desc{font-size: 14px; line-height: 28px; color: #666; margin-right: 8px;}
.index-aboutCom ul{margin-top: 30px; margin-right: 0 -2px;}
.index-aboutCom li{width: 127px; float: left; margin: 0 2px;}
.index-aboutCom li .num{width: 100%; height: 64px; background: url(../images/abt-sbg.png) no-repeat; position: relative;}
.index-aboutCom li .num span{display: block; width: 100%; font-size: 30px; color: #b60000; text-align: center; position: absolute; left: 0; bottom: 0; line-height: 1;}
.index-aboutCom li .name{color: #666; text-align: center; margin-top: 4px;}
.index-science-tabtit{position: relative; font-size: 0; text-align: center;}
.index-science-tabtit .line{width: 100%; height: 1px; background: #c6c6c6; position: absolute; left: 0; top: 50%; z-index: 1;}
.index-science-tabtit ul{display: inline-block; *display: inline; *zoom: 1; background: #fff; vertical-align: top; position: relative; z-index: 2;}
.index-science-tabtit li{float: left; font-size: 18px; height: 34px; line-height: 34px; padding: 0 4px; margin: 0 16px; position: relative; cursor: pointer;}
.index-science-tabtit li span{font-weight: normal; color: #333; position: absolute; left: -18px; top: 0;}
.index-science-tabtit li.active{font-weight: bold; color: #b60000;}
.index-science-tabcont{margin-top: 20px;}
.index-science-slider{position: relative; height: 270px; overflow: hidden; padding: 0 34px;}
.index-science-slider.hide{display: block; opacity: 0; visibility: hidden; height: 0;}
.index-science-slider .slick-slide .item{width: 346px; margin: 0 16px;}
.index-science-slider .slick-slide .pic{overflow: hidden;}
.index-science-slider .slick-slide .pic img{width: 346px; height: 230px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-science-slider .slick-slide .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-science-slider .slick-slide .title{height: 34px; line-height: 34px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.index-science-slider .slick-prev,.index-science-slider .slick-next{width: 18px; height: 36px; background: url(../images/sample-icon.png) no-repeat; margin-top: -38px;}
.index-science-slider .slick-prev{left: 10px;}
.index-science-slider .slick-next{right: 10px; background-position: -18px 0;}
.index-science-slider .slick-prev:hover{background-position: 0 -36px;}
.index-science-slider .slick-next:hover{background-position: -18px -36px;}
/*首页---新闻*/
.index-news{padding: 40px 0; background: #f3f3f3;}
.index-news-tab{width: 804px; float: left;}
.index-news-box dt{height: 22px; line-height: 22px; padding-bottom: 26px; border-bottom: 1px solid #e5e5e5; font-size: 18px;}
.index-news-box dt .more{float: right; font-size: 16px;}
.index-news-box dt .more a{color: #666;}
.index-news-tabtit li{height: 22px; line-height: 22px; float: left; padding: 0 6px; margin: 0 10px; position: relative; cursor: pointer;}
.index-news-tabtit li span{display: block; width: 1px; height: 22px; background: #e5e5e5; position: absolute; left: -10px; top: 0;}
.index-news-tabtit li.active{color: #b60000; font-weight: bold;}
.index-news-tabtit li.active i{display: block; width: 100%; height: 3px; background: #b60000; position: absolute; left: 0; bottom: -27px;}
.index-news-first{padding: 26px 0;}
.index-news-first .pic{width: 314px; float: left; overflow: hidden;}
.index-news-first .pic img{width: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-news-first .pic:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.index-news-first .text{margin-left: 332px;}
.index-news-first .title{height: 30px; line-height: 30px;}
.index-news-first .title span{float: right; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #666;}
.index-news-first .title h3{margin-right: 90px; font-weight: bold; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-first .desc{font-size: 14px; height: 72px; line-height: 24px; color: #666; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 16px;}
.index-news-first .more{display: block; width: 100px; height: 30px; line-height: 30px; background: #b60000; font-size: 14px; color: #fff; text-align: center; margin-top: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.index-news-first .more:hover{color: #fff!important; filter: alpha(opacity: 80); -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8;}
.index-news-list ul{margin: 0 -22px;}
.index-news-list li{width: 380px; height: 46px; line-height: 46px; float: left; margin: 0 22px; border-bottom: 1px solid #e5e5e5; background: url(../images/newslist-bg.png) no-repeat left center;}
.index-news-list li span{float: right; margin-right: 6px; font-family: "Arial"; color: #666;}
.index-news-list li .title{font-size: 14px; padding-left: 18px; margin-right: 96px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-problem{width: 340px; float: right;}
.index-problem dt span{font-weight: bold;}
.index-problem dd{margin-top: 3px;}
.problem-slider{height: 452px; overflow: hidden;}
.problem-slider li{padding: 17px 0; border-bottom: 1px solid #e5e5e5;}
.problem-q{margin-bottom: 6px;}
.problem-q span,.problem-a span{display: block; width: 18px; height: 18px; line-height: 18px; float: left; margin-top: 3px; text-align: center; text-transform: uppercase; color: #fff; overflow: hidden; background: #666;}
.problem-q .title,.problem-a .desc{margin-left: 30px;}
.problem-q .title{height: 24px; line-height: 24px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.problem-a .desc{height: 48px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #666;}
.problem-a .desc a{color: #666;}
/*首页---友情链接*/
.links{background: #fff; padding: 18px 0; background: #fff; line-height: 30px;}
.links span{float: left; font-size: 16px;}
.links ul{font-size: 0; text-align: left; margin-left: 80px;}
.links li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; margin-right: 20px;}
.links li a{color: #666;}

#example-one{width:100%;text-align:center;height:66px}
.nav1{width:450px;margin:0 auto;height:80px;padding-top:15px;}
.nav-one{width:150px;height:40px;display: inline-block;line-height: 40px;border:1px solid #ccc;}
.nav-two{width:150px;height:40px;display: inline-block;line-height: 40px;border:1px solid #ccc;}
.current{background: #b60000}
.current a{color:#fff;}
.current a:hover{color:#fff!important;}
.hide{display:none;}

.ImTable{display:none !important}