@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: #2070bc!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;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.hide{display: none;}
.wow{visibility: hidden; visibility: visible\9;}
.boxwrapper{overflow: hidden; position: relative;}
.middle{width: 0; height: 100%;}
/*头部*/
#top{background: #fff; font-size: 14px; color: #666; height: 40px; line-height: 40px; border-bottom: 1px solid #e2e2e2;}
#top a{color: #666;}
#top .right{height: 40px;}
#top .right a{height: 40px; line-height: 40px; float: left; background-repeat: no-repeat; background-position: left center; margin-left: 15px;}
#top .right a i{display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; background: url(../images/top-icon.png) no-repeat 0 0; margin-right: 6px; vertical-align: middle;}
#top .right .ico2{background-position: -18px 0;}
#top .right .ico3{background-position: -36px 0;}
#top .right a:hover i{background-position: 0 -18px;}
#top .right a:hover .ico2{background-position: -18px -18px;}
#top .right a:hover .ico3{background-position: -36px -18px;}
#header{height: 100px; background: #fff;}
.logo{float: left; height: 60px; margin-top: 20px;}
.logo a{display: block; height: 100%; float: left; transition: all 0s;}
.logo img{display: block; height: 100%;}
.logo-text{float: left; margin-top: 16px; height: 54px; margin-left: 10px;}
.logo-text .t1{font-size: 24px; font-weight: bold; line-height: .85; color: #000; letter-spacing: 1px;margin-top: 2px;}
.logo-text .t2{font-size: 17px; line-height: 1; margin-top: 10px; color: #666;}
.htel{float: right; margin-top: 22px; min-height: 28px; line-height: 1.2; background: url(../images/htel-bg1.png) no-repeat left top; padding-left: 34px;background-position-y:15px; }
.htel .t1{font-size: 18px; margin-bottom: 6px;}
.htel .t2{line-height: 28px; font-family: "Arial"; font-size: 22px; font-weight: bold; color: #444;}
.htel .t3{letter-spacing: 1px;}
.htel .t4{font-size: 28px; line-height: 28px; font-weight: bold; color: #000; letter-spacing: -1px;}
.nav{width: 100%; min-width: 1200px; background: linear-gradient(to bottom,#469cf6,#2070bc);    background: #2070bc; position: relative; z-index: 9999;}
.nav ul > li{float: left; width: 132px; margin-right: 1px; position: relative;}
.nav ul > li > a{display: block; width: 100%; height: 50px; line-height: 50px; position: relative; font-size: 14px; color: #fff; transition: all 0s; text-align: center; overflow: hidden;}
.nav ul > li > span{width: 1px; height: 14px; background: #4670a6; position: absolute; left: -1px; top: 18px;}
.nav ul > li.active > a,.nav ul > li:hover > a{background: linear-gradient(to bottom,#469cf6,#2070bc); color: #fff!important;}
.nav ul > li:hover .subnav{height: auto;}
.nav ul > li:hover .subnav ol{top: 0; opacity: 1; visibility: visible;}
.subnav{width: 100%; box-shadow: 0 0 16px -4px rgba(0,0,0,.3); position: absolute; left: 0; top: 100%; text-align: center; height: 0; overflow: hidden; background: #fff;}
.subnav ol{padding: 14px 0 12px 0; position: relative; top: 20px; opacity: 0; visibility: hidden; transition: all .3s;}
.subnav li a{display: block; height: 38px; line-height: 38px; color: #666; font-size: 13px;}
.subnav li a:hover{background: linear-gradient(to bottom,#469cf6,#2070bc); color: #fff!important;}
.nav.fixed{position: fixed; left: 0; top: 0;}
/*底部*/
#footer{color: #ccc; overflow: hidden; background: #021228; position: relative;}
#footer a{color: #ccc;}
#footer a:hover{color: #666!important;}
.foot-model{padding: 46px 0 26px 0;}
.foot-logo{width: 150px; float: left;text-align: center;}
.foot-logo img{width: 100%;max-width: 80px;}
.foot-logo p{font-size: 24px; font-weight: bold; color: #fff; margin-top: 12px;}
.foot-center{width: 942px; float: right;}
.foot-nav li{float: left; height: 26px; line-height: 26px; font-size: 14px; color: #fff;}
.foot-nav li a{color: #fff!important;}
.foot-nav li span{filter: alpha(opacity: 30); -webkit-opacity: .3; -moz-opacity: .3; -ms-opacity: .3; -o-opacity: .3; opacity: .3; padding: 0 20px;}
.foot-cbt{margin-top: 30px;}
.foot-office{float: left;}
.foot-office ul{margin: 0 -26px;}
.foot-office li{float: left; margin: 0 26px; line-height: 36px;}
.foot-wechat{float: right; margin-top: 10px;}
.foot-wechat span{display: block; float: left; margin-left: 24px;}
.foot-wechat img{width: 110px; height: 110px;}
.foot-wechat p{font-size: 14px; text-align: center; margin-top: 14px;}
.foot-copy{font-size: 14px; color: #999; line-height: 24px; padding: 20px 0; position: relative}
.foot-copy .line{width: 100%; height: 1px; background: #666; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0;}
.foot-copy a{color: #999!important;}
/*首页广告图切换*/
.banner{overflow: hidden; position: relative;}
.banner li{height: 600px; background-repeat: no-repeat; background-position: center;}
.banner li a{display: block; width: 100%; height: 100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{width: 42px; height: 6px; margin: 0 4px; -webkit-border-radius: 0;-moz-border-radius: 0; -ms-border-radius: 0;-o-border-radius: 0; border-radius: 0;}
/*热门搜索*/
.hot-search{background: #fff; height: 60px; position: relative; z-index: 4; box-shadow: 3px 0 7px rgba(0,0,0,.09);}
.hot-sleft{max-width: 70%; float: left; height: 60px; line-height: 60px; font-size: 0; overflow: hidden;}
.hot-sleft span,.hot-sleft a{display: inline-block; *display: inline; *zoom: 1; font-size: 14px;}
.hot-sleft span{font-weight: bold; color: #333; position: relative;}
.hot-sleft a{color: #666; margin-right: 22px;}
.searchform{width: 290px; height: 30px; float: right; border: 1px solid #ddd; margin-top: 14px; overflow: hidden;}
.searchform .form{padding: 0 38px 0 14px; position: relative;}
.searchform input[type="text"]{display: block; width: 100%; height: 30px; line-height: 30px; *line-height: 32px; font-size: 14px;}
.searchform .btn{display: block; width: 30px; height: 30px; cursor: pointer; background: url(../images/search-btn.png) no-repeat center; position: absolute; right: 4px; top: 0;}
/*左侧*/
.sidebar-left{width: 246px; float: left; background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc);}
.sidebar-left .title{text-align: center; color: #fff; line-height: 1.2; padding: 20px 0;}
.sidebar-left .title h2{font-size: 30px; font-weight: bold; letter-spacing: 2px;}
.sidebar-left .title p{font-family: "Arial"; font-size: 16px; text-transform: uppercase; filter: alpha(opacity: 50); opacity: .5; margin-top: 10px;}
.sidebar-menu{background: #fff; margin: 1px;}
.sidebar-menu ul{padding-bottom: 60px;}
.sidebar-menu li a{border-bottom: 1px solid #e7e7e7; display: block; height: 58px; line-height: 58px; background-image: url(../images/sidemu-bg.png); background-repeat: no-repeat; background-position: 42px center; padding-left: 78px; font-size: 16px;}
.sidebar-menu ul > li.active > a,.sidebar-menu ul > li:hover > a{background-image: url(../images/sidemu-hbg.png); color: #2070bc!important;}
.sidebar-menu ol{padding: 8px 0; display: none;}
.sidebar-menu ol li a{display: block; height: 34px; line-height: 34px; font-size: 15px; background: none!important;}
.sidebar-menu ol li.active a{background: none; color: #2070bc!important;}
.sidebar-menu ul > li.active ol{display: block;}


.sidebar-left .cinfo{padding: 15px 0; color: #fff;}
.sidebar-left .cinfo .text{min-height: 36px; position: relative; padding-left: 68px;}
.sidebar-left .cinfo .icon{display: block; width: 36px; height: 36px; background: url(../images/ptel-icon.png); position: absolute; left: 22px; bottom: 6px;}
.sidebar-left .cinfo .t1{font-size: 14px; line-height: 22px;}
.sidebar-left .cinfo .t2{font-size: 18px; font-weight: bold; line-height: 26px;}
.sidebar-right{width: 924px; float: right;}
.sidebar_title{background: #f5f5f5; height: 52px;}
.sidebar_title .title{display: block; float: left; height: 52px; line-height: 52px; padding: 0 26px; background: #0093dd; font-size: 20px; color: #fff;}
.sidebar_title .more{float: right; height: 52px; line-height: 52px; color: #666; margin-right: 10px;}
.sidebar_title .more a{color: #666;}

/*首页*/
.box-container{background: #fff; position: relative; z-index: 3; overflow: hidden;}
.index-row{padding: 60px 0;}
.inner-title{font-size: 36px; font-weight: bold; text-align: center; line-height: 1.4;}
.inner-line{width: 678px; height: 1px; background: #e0e0e0; margin: 12px auto; position: relative}
.inner-line span{display: block; width: 58px; height: 1px; background: #2070bc; background: linear-gradient(to bottom,#469cf6,#2070bc);margin: 0 auto; position: relative; z-index: 2;}
.inner-entitle{font-family: "Arial"; font-size: 14px; text-align: center; color: #666; text-transform: uppercase; letter-spacing: 4px;}
/*首页---产品中心*/
.index-product{padding: 40px 0;}
.product-first{width: 100%; position: relative;}
.product-first ul{position: relative; z-index: 1;}
.product-first li{background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc);}
.product-first li .pic{width: 530px; float: left; overflow: hidden;}
.product-first li .pic img{width: 530px; height: 380px; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.product-first 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);}
.product-first li .text{width: 306px; float: right; margin-right: 60px; margin-top: 36px; color: #fff;}
.product-first li .text a{color: #fff;}
.product-first li .title{font-size: 24px; position: relative; padding-bottom: 6px;}
.product-first li .title a:hover{color: #fff!important;}
.product-first li .title i{display: block; width: 100%; height: 1px; background: #f3f1f1; filter: alpha(opacity: 20); -webkit-opacity: .2; -moz-opacity: .2; -ms-opacity: .2; -o-opacity: .2; opacity: .2; position: absolute; left: 0; bottom: 0;}
.product-first li .desc{font-size: 15px; line-height: 36px; margin-top: 10px;}
.product-first li .more{display: block; width: 130px; height: 36px; line-height: 36px; font-size: 15px; color: #fff; text-align: center; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 20px;}
.product-first li .more i{display: block; border: 1px solid #fff; filter: alpha(opacity: 40); -webkit-opacity: .4; -moz-opacity: .4; -ms-opacity: .4; -o-opacity: .4; opacity: .4; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.product-first li .more:hover{background: #fff; color: #2070bc!important;}
.product-first .sPrev,.product-first .sNext{width: 35px; height: 75px; font-size: 0; background: url(../images/controls.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -37px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; z-index: 2;}
.product-first .sPrev{left: 0; background-position: 0 0;}
.product-first .sNext{right: 0; background-position: -35px 0;}
.product-first .sPrev:hover{background-position: 0 -75px;}
.product-first .sNext:hover{background-position: -35px -75px;}
.product-ilist{margin-top: 8px;}
.product-ilist ul{margin: 0 -9px;}
.product-ilist li{width: 296px; float: left; margin: 9px;}
.product-ilist li a{display: block; overflow: hidden; position: relative;}
.product-ilist li img{width: 296px; height: 228px; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.product-ilist li a: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);}
.product-ilist li .title{width: 100%; position: absolute; left: 0; bottom: 0;}
.product-ilist li .title .bg{width: 100%; height: 100%; background: #333; filter: alpha(opacity: 40); -webkit-opacity: .4; -moz-opacity: .4; -ms-opacity: .4; -o-opacity: .4; opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.product-ilist li .title h3{height: 45px; line-height: 45px; font-size: 15px; text-align: center; color: #fff; margin: 0 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 2;}
/*首页---创新*/
.index-innovate{height: 260px; background: url(../images/innovate-bg.jpg) no-repeat;}
/*首页---公司核心优势*/
.index-coreadv{padding-bottom: 30px;}
.index-coreadv-box{margin-top: 14px;}
.index-coreadv-box ul{padding: 20px 0; font-size: 0;}
.index-coreadv-box ul > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.index-coreadv-box li.pic{width: 566px;}
.index-coreadv-box li.pic img{width: 100%;}
.index-coreadv-box li.text{width: 600px; margin-left: 30px;}
.index-coreadv-box li .num{width: 70px; height: 52px; float: left;  position: relative;}
.index-coreadv-box li .num span{display: block; width: 50px; height: 35px; line-height: 32px; font-family: "Arial"; font-size: 24px; font-weight: bold; color: #2070bc; letter-spacing: -1px; text-align: center; position: absolute; right: 3px; top: 8px;}
.index-coreadv-box li .txt{margin-left: 84px;}
.index-coreadv-box li .title{font-size: 30px; font-weight: bold; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.index-coreadv-box li .name{font-size: 24px; margin-top: 12px;}
.index-coreadv-box li .name2{font-size: 18px; color: #595757; margin-top: 16px;}
.index-coreadv-box li .desc{font-size: 16px; line-height: 27px; color: #666; margin-top: 10px;}
.index-coreadv-box li .desc p{padding: 4px 0 4px 22px; position: relative;}
.index-coreadv-box li .desc p i{display: block; width: 9px; height: 9px; background: url(../images/adv-lbtn.png) no-repeat; position: absolute; left: 0; top: 13px;}
.index-coreadv-box .n2 li.pic{margin-left: 34px;}
.index-coreadv-box .n2 li.text{margin-left: 0;}
/*首页---生产流程*/
.index-process{background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc)}
.index-process .inner-title{color: #fff;}
.index-process .inner-line{background: none;}
.index-process .inner-line em{display: block; width: 100%; height: 1px; background: #e0e0e0; filter: alpha(opacity: 20); -webkit-opacity: .2; -moz-opacity: .2; -ms-opacity: .2; -o-opacity: .2; opacity: .2; position: absolute; left: 0; top: 0; z-index: 1;}
.index-process .inner-line span{background: #fff;}
.index-process .inner-entitle{color: #fff; filter: alpha(opacity: 20); -webkit-opacity: .2; -moz-opacity: .2; -ms-opacity: .2; -o-opacity: .2; opacity: .2;}
.index-process-box{margin-top: 28px; position: relative; padding-bottom: 20px;}
.index-process-box .bg{width: 100%; height: 24px; background: url(../images/process-bg.png) repeat-x center; position: absolute; left: 0; top: 39px; z-index: 1;}
.index-process-box .container{position: relative; z-index: 2;}
.index-process-box ul{margin: 0 -27px;}
.index-process-box li{width: 155px; float: left; margin: 0 27px;}
.index-process-box li .icon{width: 102px; height: 102px; margin: 0 auto; background: url(../images/process-icon.png) no-repeat 0 0;}
.index-process-box li .ico2{background-position: -102px 0;}
.index-process-box li .ico3{background-position: -204px 0;}
.index-process-box li .ico4{background-position: -306px 0;}
.index-process-box li .ico5{background-position: -408px 0;}
.index-process-box li .ico6{background-position: -510px 0;}
.index-process-box li .ico7{background-position: -612px 0;}
.index-process-box li .ico8{background-position: -714px 0;}
.index-process-box li .title{font-size: 18px; text-align: center; color: #fff; margin-top: 6px;}
/*首页---客户案例*/
.index-case-box{margin-top: 20px;}
.index-case-tabtit ul{font-size: 0; text-align: center;}
.index-case-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 178px; height: 48px; line-height: 48px; background: #f5f5f5; border: 1px solid #ccc; margin: 0 8px; font-size: 20px; color: #666; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: pointer;}
.index-case-tabtit li.active{background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc); border-color: #2070bc; color: #fff;}
.index-case-tabcont{margin-top: 30px;}
.index-case-first .pic{width: 600px; float: left; overflow: hidden;}
.index-case-first .pic a{display: block;}
.index-case-first .pic img{width: 600px; height: 314px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-case-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-case-first .text{width: 550px; float: right;}
.index-case-first .title{height: 32px; line-height: 32px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-case-first .desc{height: 90px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; margin-top: 8px;}
.index-case-first .desc span{color: #2070bc;}
.case-other-title{font-size: 0; margin-top: 23px;}
.case-other-title span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 30px; line-height: 30px; font-size: 18px; border-bottom: 1px solid #2070bc;}
.case-other-list{margin-top: 20px;}
.case-other-list ul{margin: 0 -7px;}
.case-other-list li{width: 174px; float: left; margin: 0 7px; position: relative}
.case-other-list li a{display: block;}
.case-other-list li img{width: 174px; height: 110px;}
.case-other-list li .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; font-size: 0; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.case-other-list li .mask > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.case-other-list li .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity: 50); -webkit-opacity: .5; -moz-opacity: .5; -ms-opacity: .5; -o-opacity: .5; opacity: .5; position: absolute; left: 0; top: 0; z-index: 2;}
.case-other-list li .name{width: 100%; color: #fff; font-size: 15px; text-align: center; color: #fff; position: relative; z-index: 3;}
.case-other-list li:hover .mask{opacity: 1; visibility: visible;}
.index-case-slider{position: relative; margin-top: 28px; padding: 0 18px;}
.index-case-slider .sPrev,.index-case-slider .sNext{width: 15px; height: 30px; background: url(../images/controls-icon.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -15px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.index-case-slider .sPrev{left: 0;}
.index-case-slider .sNext{right: 0; background-position: -15px 0;}
.index-case-slider .sPrev:hover{background-position: 0 -30px;}
.index-case-slider .sNext:hover{background-position: -15px -30px;}
.index-case-slider .bd ul{margin: 0 -9px;}
.index-case-slider .bd li{width: 215px; float: left; margin: 0 9px;}
.index-case-slider .bd li a{display: block; height: 92px; line-height: 92px; *font-size: 64px; border: 1px solid #ccc; text-align: center; overflow: hidden;}
.index-case-slider .bd li a:hover{border-color: #2070bc;}
/*首页---关于我们*/
.index-about{background: #f5f5f5;}
.index-aboutCom{margin-top: 22px;}
.index-aboutCom .pic{width: 587px; float: left; overflow: hidden;}
.index-aboutCom .pic img{width: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s;}
.index-aboutCom .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-aboutCom .text{width: 590px; float: right;}
.index-aboutCom .title{font-size: 30px; color: #2070bc; line-height: 36px; padding-top: 14px;}
.index-aboutCom .name{font-size: 16px; color: #2070bc; margin-top: 10px;}
.index-aboutCom .desc{font-size: 16px; line-height: 34px; color: #666; text-align: justify; margin-top: 14px;}
.index-aboutCom .more{display: block; width: 118px; height: 33px; line-height: 33px; border: 1px solid #ccc; margin-top: 46px; text-align: center; color: #666;}
.index-aboutCom .more:hover{background: linear-gradient(to bottom,#469cf6,#2070bc);background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc); border-color: #2070bc; color: #fff!important;}
/*首页---公司环境*/
.index-science{padding: 40px 0; background: #fff;}
.index-science-tabtit{font-size: 0; text-align: center; position: relative}
.index-science-tabtit .line{width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%;}
.index-science-tabtit .title{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: #fff; position: relative; z-index: 2;}
.index-science-tabtit ul{margin: 0 -5px;}
.index-science-tabtit li{width: 142px; height: 42px; line-height: 42px; float: left; margin: 0 5px; background: #eee; cursor: pointer; font-size: 18px; text-align: center;}
.index-science-tabtit li.active{background: #2070bc; background: linear-gradient(to bottom,#469cf6,#2070bc);color: #fff;}
.index-science-tabcont{margin-top: 30px;}
.index-science-slider{position: relative; padding: 0 30px;}
.index-science-slider .sPrev,.index-science-slider .sNext{width: 15px; height: 30px; background: url(../images/controls-icon.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -32px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.index-science-slider .sPrev{left: 0;}
.index-science-slider .sNext{right: 0; background-position: -15px 0;}
.index-science-slider .sPrev:hover{background-position: 0 -30px;}
.index-science-slider .sNext:hover{background-position: -15px -30px;}
.index-science-slider .bd{margin: 0 -10px;}
.index-science-slider .bd li{width: 270px; float: left; margin: 0 10px;}
.index-science-slider .bd li .pic{overflow: hidden;}
.index-science-slider .bd li .pic img{width: 270px; height: 170px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.index-science-slider .bd 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-science-slider .bd li .title{height: 34px; line-height: 34px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*首页---横幅*/
.index-banacross{height: 240px; background: url(../images/duty-bg.jpg) no-repeat center;}
.index-banacross .container{height: 100%; font-size: 0; text-align: right;}
.index-banacross .container > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.index-banacross .text{width: 546px; color: #fff; text-align: left;}
.index-banacross .title{font-size: 36px; line-height: 1.3;}
.index-banacross .line{width: 72px; height: 1px; background: #f3f1f1; filter: alpha(opacity: 40); -webkit-opacity: .4; -moz-opacity: .4; -ms-opacity: .4; -o-opacity: .4; opacity: .4; margin-top: 16px;}
.index-banacross .desc{font-family: "Microsoft Yahei Light"; font-size: 20px; line-height: 36px; filter: alpha(opacity: 70); -webkit-opacity: .7; -moz-opacity: .7; -ms-opacity: .7; -o-opacity: .7; opacity: .7; margin-top: 12px;}
/*首页---新闻中心*/
.index-news-box{margin-top: 20px;}
.index-news-tabtit ul{font-size: 0; text-align: center;}
.index-news-tabtit li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 180px; height: 50px; line-height: 50px; margin: 0 7px; background: #e0e0e0; font-size: 18px; text-align: center; cursor: pointer;}
.index-news-tabtit li.active{background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc); color: #fff;}
.index-news-tabcont{margin-top: 30px;}
.index-news-first{width: 585px; float: left; background: #fff; -webkit-box-shadow: 0 0 29px rgba(0,0,0,.1); -moz-box-shadow: 0 0 29px rgba(0,0,0,.1); -ms-box-shadow: 0 0 29px rgba(0,0,0,.1); -o-box-shadow: 0 0 29px rgba(0,0,0,.1); box-shadow: 0 0 29px rgba(0,0,0,.1);}
.index-news-first .pic{width: 585px; height: 225px; overflow: hidden;}
.index-news-first .pic a{display: block; height: 100%;}
.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{padding: 21px;}
.index-news-first .title{font-size: 24px; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news-first .desc{font-size: 15px; color: #666; height: 60px; line-height: 30px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px;}
.index-news-first .intro{height: 26px; line-height: 26px; font-family: "Arial"; color: #666; margin-top: 34px; margin-bottom: 8px;}
.index-news-first .intro a{float: right; color: #666; font-family: "Microsoft Yahei";}
.index-news-list{width: 584px; float: right; background: #fff; -webkit-box-shadow: 0 0 29px rgba(0,0,0,.1); -moz-box-shadow: 0 0 29px rgba(0,0,0,.1); -ms-box-shadow: 0 0 29px rgba(0,0,0,.1); -o-box-shadow: 0 0 29px rgba(0,0,0,.1); box-shadow: 0 0 29px rgba(0,0,0,.1);}
.index-news-list ul{padding: 6px 20px 30px 30px;}
.index-news-list li{height: 56px; line-height: 56px; border-bottom: 1px solid #ededed;}
.index-news-list li span{font-family: "Arial"; font-size: 14px; color: #999; float: right;}
.index-news-list li .title{background: url(../images/nsjx-bg.png) no-repeat left center; height: 56px; line-height: 56px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin-right: 100px;}
.index-news-list li .title a{color: #666; padding-left: 16px;}
/*首页---友情链接*/
.links{background: #f3f1f1; font-size: 16px; line-height: 30px; padding: 30px 0;}
.links span{float: left;}
.links ul{margin-left: 84px; margin-right: -15px; font-size: 0; text-align: left;}
.links ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 30px; line-height: 30px; font-size: 16px; margin-right: 15px;}
.links ul li a{color: #666;}
.mt40 {margin-top: 40px;}
.mb40 {margin-bottom: 40px;}

/*当前位置*/
.position {height:50px; background: #2070bc;background: linear-gradient(to bottom,#469cf6,#2070bc); color: #ffffff; margin-bottom: 30px;}
.position a {color: #fff;}
.position .p-left {float: left;line-height: 50px;margin-left:20px;}
.position .p-right {float: right;line-height: 50px;margin-right:10px;}

/*产品列表*/
.product-list-box ul{margin: 0 -10px;}
.product-list-box ul li {float:left;width: 294px; margin: 0 10px 10px 10px;}
.product-list-box .item .picd{height: 206px; border: 1px solid #ddd; overflow: hidden;}
.product-list-box .item .picd a{display: block; height: 100%; font-size: 0; text-align: center;}
.product-list-box .item .picd a > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.product-list-box .item .picd a i{width: 0; height: 100%;}
.product-list-box .item .picd img{border: 0; max-width: 100%; height: auto; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.product-list-box .item .picd: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);}
.product-list-box .item .title{height: 30px; line-height: 30px; margin-top: 10px;text-align: center;}

/*设备列表*/
.device-list-box ul{margin: 0 -10px;}
.device-list-box ul li {float:left;width: 288px; margin: 0 10px 10px 10px;}
.device-list-box .item .picd{height: 190px; border: 1px solid #ddd; overflow: hidden;}
.device-list-box .item .picd a{display: block; height: 100%; font-size: 0; text-align: center;}
.device-list-box .item .picd a > *{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.device-list-box .item .picd a i{width: 0; height: 100%;}
.device-list-box .item .picd img{border: 0; max-width: 100%; height: auto; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
.device-list-box .item .picd: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);}
.device-list-box .item .title{height: 30px; line-height: 30px; margin-top: 10px; text-align: center;}
/*news list*/
.newsmaind{ padding:40px 0 20px 0; overflow:hidden; zoom:1; }
.newslist{ clear:both; /* margin-top:40px; */ padding-bottom:10px; /* border-top:1px #E6E6E6 solid; */ }

.newslid{ clear:both; padding:25px 0; border-bottom:1px #E6E6E6 solid; overflow:hidden; zoom:1; }
.newslid .dated{ float:left; width:10%; padding-top:15px; text-align:center; color:#ababab; }
.newslid .dated .dayd{ font-size:30px; line-height:34px; padding-bottom:5px; border-bottom:1px #E6E6E6 solid; font-weight:bold; }
.newslid .dated .ymd{ padding-top:5px; }

.newslid .picd{ float:left; width:25%; overflow: hidden; height:auto; margin: 0 2%; text-align: center;}
.newslid .picd img{width: auto; max-width: none; height: 150px;}
.newslid .infd{ float:right; width:70%; }
.newslid .infd div{ line-height: 32px; margin-top:10px;}
.newslid .infd h3{ font-size:18px; line-height:24px; font-weight:bold; }
.newslid .infd .depd{ padding:10px 0; border-bottom:1px #E6E6E6 solid; color:#999; }
.newslid .infd .lyd{ padding-top:10px; color:#999; }

/*新闻详情*/
.article-content{  width: 100%;}
.article-title{ font-size: 26px; text-align: center;margin-top: 20px; margin-bottom: 20px;}
.article-info{ font-size: 12px; color: #666; text-align: center; height: 30px; line-height: 30px;}
.article-info span{ margin:0 10px; }
.article{ margin-top: 20px; line-height: 26px; font-size: 15px; padding: 0 15px;}
.artcile-menu{ border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; position: relative;}
.artcile-menu > div{padding: 5px 0;}
.back{ position: absolute; right: 0; top: 50%; background: url(../images/back.png) no-repeat left center; padding-left: 25px; }
.back a:hover{text-decoration: underline;}
.article-right{ float: right; width: 30%;}
.right-box{ width: 80%; background: #f8f8f8; float: right; padding:20px 25px; margin-bottom: 20px;}
.art-r-title{ height: 30px; font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.art-r-list ul li{ height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-bottom {margin-top:30px;}
.article-bottom .art-r-list ul li{float:left;display: block;width:50%;}
/*****产品详情*****/
.prodetails-wrap{padding-top: 20px;}
.prodetails-header{height: 44px; border-bottom: 1px solid #ddd;}
.prodetails-header span{display: block; float: left; padding: 0 20px; font-size: 17px; height: 42px; line-height: 42px; border-bottom: 2px solid #e68d37;}
.prodetails-body{padding: 20px 0;}
.prodetails-body img{max-width: 100%;}

/*****分页*****/
.mk_pages {line-height: 25px; text-align: center; font-size: 0; padding: 50px 0;}
.mk_pages ul {text-align: center;font-size: 0;}
.mk_pages ul li {display: inline-block; *display: inline; *zoom: 1; font-size: 16px; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; padding: 14px 9px;}
.mk_pages ul li a {font-size: 14px;padding: 10px;}
.mk_pages .pageinfo {line-height: 21px; padding: 12px 10px 12px 16px; color: #999; margin: 0px 2px;}
.mk_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px;}
.mk_pages ul li.active, .mk_pages ul li.active a, .pagebox ul li.active a:hover { font-weight: bold; display: inline-block; background: #f00; color: #fff!important; border: 1px solid #f00; padding: 14px 18px;}
.mk_pages ul li.disabled span{padding: 14px 9px;}

/*在线留言*/
.message .title{font-size: 28px; text-align: center;}
.message .desc{font-size: 14px; color: #4d4d4d; text-align: center; margin-top: 20px; line-height: 30px;}
#form_message{width: 640px; margin: 30px auto 0;}
.message li{margin-bottom: 10px; position: relative; padding: 0 16px; border-radius: 4px; border: 1px solid #ddd;}
.message li input[type="text"]{display: block; width: 100%; height: 36px; line-height: 36px;}
.message li textarea{display: block; width: 100%; height: 90px; line-height: 22px; padding: 8px 0;}
.message li.code{margin-right: 420px;}
.message li.code .code_img{height: 100%; background: #fff; position: absolute; right: -190px; top: 0;}
.message li.code .code_img img{height: 24px; padding-top: 6px;}
.message li.submit{border-width: 0; padding: 0;}
.message li .submit_btn{display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; background: #ef7100; color: #fff; border-radius: 4px; cursor: pointer;}
.mk_pages {text-align: center;}

/*联系我们*/
.content-us {overflow: hidden;}
/*搜索列表*/
.newsmaind{ padding:40px 0 20px 0; overflow:hidden; zoom:1; }
.search-list{ clear:both; /* margin-top:40px; */ padding-bottom:10px; /* border-top:1px #E6E6E6 solid; */ }

.search-list{ clear:both; padding:25px 0; border-bottom:1px #E6E6E6 solid; overflow:hidden; zoom:1; }
.search-list .dated{ float:left; width:10%; padding-top:15px; text-align:center; color:#ababab; }
.search-list .dated .dayd{ font-size:30px; line-height:34px; padding-bottom:5px; border-bottom:1px #E6E6E6 solid; font-weight:bold; }
.search-list .dated .ymd{ padding-top:5px; }

.search-list .picd{ float:left; width:27%; height:126px; padding: 0 2%; text-align: center;}
.search-list .picd img{ height:126px; }
.search-list .infd{ float:right; width:58%; }
.search-list .infd div{ line-height: 32px; margin-top:10px;}
.search-list .infd h3{ font-size:18px; line-height:24px; font-weight:bold; }
.search-list .infd .depd{ padding:10px 0; border-bottom:1px #E6E6E6 solid; color:#999; }
.search-list .infd .lyd{ padding-top:10px; color:#999; }

/*会员登录*/
.comBox { max-width: 500px; margin: 50px auto; }
.login_form{background: #fff; margin: 0 auto; padding: 30px 20px;}
.login-tit{font-size: 17px; position: relative;}
.login-tit a{position: absolute; right: 0; top: 0; font-size: 14px; color: #f00;}
.login_form li{overflow: hidden;}
.login_form li .item{overflow: hidden; position: relative; border: 1px solid #ddd; margin-bottom: 20px; padding-left: 40px;}
.login_form li .item.item_error{border-color: #e31939;}
.login_form li .icon{display: block; width: 20px; height: 20px; line-height: 20px; color: #999; font-size: 15px; position: absolute; left: 10px; top: 9px;}
.login_form li .icon1:before{content: "\e600";}
.login_form li .icon2:before{content: "\e8fd";}
.login_form li .icon3:before{content: "\e8e5";}

.login_form li .login_input{display: block; width: 100%; height: 38px; line-height: 38px; font-size: 15px;}
.login_form li .vdco{width: 160px; float: left;}
.login_form li .vdcoimg{height: 46px; float: right; }
.login_form li .vdcoimg img{height: 46px;}
.login_form li .noitem{border-width: 0; padding-left: 0; height: 26px; line-height: 26px;}
.login_form li .noitem label{cursor: pointer;}
.login_form li .forget_password{position: absolute; right: 0; top: 0;}
.checkbox{-webkit-appearance: none; width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 2px; vertical-align: -3px; margin-right: 6px; cursor: pointer;}
.checkbox:checked{background: url(../images/flow_icon.png) no-repeat center; border-color: #f00;}
.login_form li .login_submit, .forget_form li .forget_submit{display: block; width: 100%; background: #f00; color: #fff; text-align: center; height: 38px; line-height: 38px; font-size: 0; user-select: none; cursor: pointer;border-radius: 3px;}
.login_form li .login_submit.disabled{cursor: not-allowed; background: #fbfbfb; color: #c9c9c9;}
.login_form li .login_submit span, .forget_form li .forget_submit span{display: inline-block; *display: inline; *zoom: 1; font-size: 14px;}
.login_form li .login_submit i.ico{display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; margin-top: 9px; border-top: 2px solid #666; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 2px solid #c9c9c9; border-radius: 50%; -webkit-animation: loader 1.1s infinite linear; animation: loader 1.1s infinite linear; vertical-align: top;}
.login_form li .login_submit i.ico:after{border-radius: 50%; width: 16px; height: 16px;}
.login_form li .login_submit em{display: inline-block; *display: inline; *zoom: 1; margin-left: 10px; font-size: 14px; vertical-align: top;}
.login_input::-webkit-input-placeholder{text-transform: none;}
.login_input:-moz-placeholder{text-transform: none;}
.login_input:-ms-input-placeholder{text-transform: none;}

/*找回密码*/
.no_forget{height: 550px; padding: 60px 0;}
.forget_form{width: 96%; background: #fff; margin: 0 auto; padding: 30px 20px;}
.forget-tit {font-size: 17px; position: relative;}
.forget-tit span {font-weight:700; font-size: 30px;}
.forget_form li .item{overflow: hidden; position: relative; margin-bottom: 20px;}
.forget_form li .item.item_error{border-color: #e31939;}
.forget_form li .forget_input{float:left; display: block; border: 1px solid #ddd; border-radius: 5px 5px; padding:3px; width: 320px; height: 30px; line-height: 30px; font-size: 15px;}
.forget_form li .item span {float:left; display: block; width: 170px;  height: 38px; line-height: 38px; font-size: 15px;}
.forget_form li .vdcode {width: 120px;}
.forget_form li .vdcoimg {height: 30px; float: left; margin-top: 4px; margin-left: 10px;}
.forget_form li .vdcoimg img{height: 30px;}

.bigpic{
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(255, 255, 255, 0.678);
}
.bigpic img{
	z-index: 11;
	width: 50%;
	position: absolute;
	top: 25%;
	margin-left: -150px;
	margin-top: -150px;
	left: 25%;
}
/* 在线客服 */
.yb_conct{position:fixed;z-index:9999999;top:150px;right:-147px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:200px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2070bc url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2070bc url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_tel{background:#2070bc url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;#2070bc url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_QQ a:hover{color:#fff!important;}
.yb_bar .yb_ercode{background:#2070bc url(../images/fixCont.png) no-repeat 0 -225px;}
.yb_bar .yb_ercode img {margin-left: 35px; width: 135px; margin-top: 2px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}