@font-face {
  font-family: 'iconfont';  /* project id 668221 */
  src: url('//at.alicdn.com/t/font_668221_h4ilax7yhd5qm2t9.eot');
  src: url('//at.alicdn.com/t/font_668221_h4ilax7yhd5qm2t9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_668221_h4ilax7yhd5qm2t9.woff') format('woff'),
  url('//at.alicdn.com/t/font_668221_h4ilax7yhd5qm2t9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_668221_h4ilax7yhd5qm2t9.svg#iconfont') format('svg');
}
body{font-family: '微软雅黑';overflow-x: hidden;}
a{color: #333333;}
a:hover{text-decoration: none;}
ul,dl,ol{padding: 0;margin: 0;list-style: none;}
.transition{transition: all linear 0.4s;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.display-inline{display: inline;}
.display-inline-block{display: inline-block;}
.display-block{display: block;}
.header-top{position: fixed;top: 0;right: 0;left: 0;height: 30px;line-height: 30px;text-align: center;background: #03a0e5;z-index: 10000;}
.header-top a{color: #ffffff;display: inline-block;}
.header-top a:before{content: '\e60c';font-family: iconfont;padding-right: 6px;}

.container-m{padding-top: 10px;padding-bottom: 10px;padding-left: 20px;box-sizing: border-box;}
.main-logo{line-height: 25px;}
.main-logo>*{vertical-align: middle;}
.main-logo>a{padding-right: 20px;border-right: solid 1px #dbdbdb;}
.main-logo>div{margin-left: 20px;}
.container-logo{margin: 15px auto;}
.main-logo h3,.main-logo h5{color: #03a0e5;padding: 0;margin: 0;font-weight: bold;}
.main-logo h5{font-size: 18px;padding: 5px 0;}
.container-logo .text-danger{color: #ff0004;}
.container-logo .pull-right>*{vertical-align: middle;margin-left: 10px;margin-top: 15px;line-height: 21px;}
.weixin{background: url(../images/weixin.png) left top no-repeat;padding-left: 50px;transition: all linear 0.4s;}
.weixin:hover{background-position: left bottom;}
.global-img{height: 50px;}
.global-title{font-size: 15px;padding-bottom: 5px;}
.global-tel{color: #03a0e5;font-weight: 500;font-size: 26px;}
.nav{background: #02ABEE url(../images/nav_bg.gif) left top repeat;;height: 44px;line-height: 44px;}
.nav li {display: inline-block;float: left;height: 44px;width: 130px;line-height: 42px;text-align: center;background: url(../images/nav_li.gif) right top no-repeat;}
.nav li:last-child{background: none;}
.nav li a{color: #ffffff;display: inline-block;width: 100%;height: 100%;transition: all linear 0.4s;}
.nav li a:hover,.nav li.active a{background: #f18b16;font-weight: bold;}
.banner{height: 400px;width: 100%;}
.banner .swiper-slide{height: 400px;width: 100%;background-repeat: no-repeat;background-position: center top;background-size: auto 100%;}
.swiper-pagination-bullet{height: 22px;border-radius: 0;opacity: 1;width: 22px;text-align: center;line-height: 22px;background-color: #ffffff;border: solid 1px #F98904;color: #F98904;}
.swiper-pagination-bullet-active{background: #F98904;color: #ffffff;}
.search-box{height: 50px;line-height: 50px;background: url(../images/lk_m.gif) left center repeat-x;}
.search-box .pull-right{line-height: 30px;margin-top: 10px;}
.search-box input[name=keyword]{background: url(../images/search.png) 5px center no-repeat;background-size: auto 80%;padding-left: 35px;}
.customer-title{height: 48px;background: url(../images/bra_t.jpg) center top no-repeat;color: #ffffff;}
.customer-title h2{margin: 0;height: 100%;line-height: 48px;}
.customer-list{border: solid 1px #dcdcdc;border-top: none;margin-top: -7px;padding: 20px 0;}
.customer-list .swiper-slide{text-align: center;}
.customer-list .swiper-slide img{border: solid 1px #c6c6c6;height:73px;width:144px;}
.customer{margin: 0 35px;}
.container-category>div>.col-lg-3{width: 22%;}
.container-category>div>.col-lg-9{width: 78%;}
.customer-list{position: relative;}
.index-category-title{background: #03a0e5;color: #ffffff;overflow: hidden;padding: 8px 0;}
.index-category-list{/*background: #f2f2f2;*/border: 1px solid #03a0e5;}
.index-category-list li{font-size: 16px;display: block;width: 100%;height: 58px;line-height: 58px;/*background: url(../images/pro_lf_li.gif) left bottom repeat-x;*/}
.index-category-list li a{display: block;width: 100%;font-size: 15px;transition: all linear 0.4s;height: 100%;text-align: center;border-bottom: dotted 1px #dcdcdc;/*background: url(../images/pro_lf_a.gif) left center no-repeat;padding-left: 25px;*/}
.index-category-list li a:hover{background: #e87427;color: #ffffff;}
.index-product-title{border-bottom: solid 2px #03a0e5;box-sizing: border-box;height: 40px;overflow: hidden;}
.index-product-title ul li{display: inline-block;font-weight: bold;height: 40px;line-height: 40px;}
.index-product-title ul li.active{background: url(../images/tab_bg.gif) left center repeat-x;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.index-product-title ul li.active a{background: url(../images/tab_rt.gif) right center no-repeat;color: #ffffff;}
.index-product-title ul li a{display: block;width: 100%;height: 100%;padding: 0 30px;}
.index-product-list>div{margin-top: 10px;}
.index-product-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-product-list>div>a>div{overflow: hidden;text-align: center;line-height: 25px;text-overflow: ellipsis;white-space: nowrap;}
.index-product-list>div>a>div:first-child{border: solid 2px #e87427;box-sizing: border-box;margin-bottom:5px;}
.index-product-list img{width: 100%;box-sizing: border-box;transition: all linear 0.4s;}
.index-product-list a:hover img{transform: scale(1.1);}
.index-item{margin-top: 30px;}
.home-item-title>*{display: inline-block;vertical-align: middle;margin: 0 5px;}
.home-item-title>div>a{display: block;color: #03a0e5;font-size: 28px;line-height: 30px;height: 30px;overflow: hidden;}
.home-item-title>div>a:hover{text-decoration: underline;}
.home-item-title>div>i{color: #898989;}
.home-item-content ul li{background: url(../images/list_style.png) left 4px no-repeat;padding-left: 20px;margin-top: 22px;}
.home-item-content-right ul li{background: url(../images/list_style_right.png) right 4px no-repeat;padding-right: 20px;}
.home-item>div{padding: 20px 15px;}
.home-items{background: url(../images/ys_bg.jpg) center top no-repeat;background-size: cover;padding-top: 70px;}
.caseType .swiper-slide{width: 95px;height: 42px;background: url(../images/gpz_bg.png) center top no-repeat;background-size: 100% auto;text-align: center;color: #1690ff;padding-top: 13px;font-weight: bold;font-size: 13px;}
.caseType .swiper-slide-active1{background-image: url(../images/gpz_bg1.png);color: #ffffff;}
.home-item-content1{margin: 10px 15px;background: #f2f2f2;padding: 10px;}
/*.home-item-img img{width: 100%;}*/
.home-item-top{background: url(../images/sl_banner.jpg) top center no-repeat;height: 140px;}
.line-item{background: url(../images/list_back.png) center top no-repeat;height: 15px;float: left;width: 100%;margin-top: 10px;}
.recuit-container{background: #f5fdff;overflow: hidden;padding-bottom: 15px;}
.recuit-title{position: relative;margin-top: 15px;border-left: solid 6px #f08000;margin-bottom: 15px;font-size: 18px;padding-left: 14px;line-height: 20px;height: 40px;overflow: hidden;}
.recuit-title a.title{display: block;color: #03a0e5;font-size: 17px;font-weight: 600;width: 70%;}
.recuit-img{margin-bottom: 15px;}
.recuit-description a{display: block;width: 100px;height: 23px;background: url(../images/tech_link.jpg) left top no-repeat;padding-left: 30px;margin-top: 10px;line-height: 23px;color: #ffffff;font-weight: bold;}
div.swiper-button-prev{background-image: url(../images/btn_lf.gif); background-position: left center;background-repeat: no-repeat;background-size: 15px 41px;margin-top: -20px;}
div.swiper-button-next{background-image: url(../images/btn_rt.gif); background-position: right center;background-repeat: no-repeat;background-size: 15px 41px;margin-top: -20px;}
.patent img,.honor img{width: 80%;margin-left: auto;margin-right: auto;}
.patent .swiper-slide,.honor .swiper-slide{text-align: center;}
.patents{background: url(../images/patent.jpg) center center no-repeat;background-size: 100% auto;}
.recuit-title a.pull-right{position: absolute;right: 10px;top: 20px;}
.recuit-hr{border-bottom: solid 6px #f08000;height: 1px;}
.customer{padding-top: 5px;}
.customer>div img{width: 100%;}
.service-home{text-align: center;}
.service-home>div{text-align: center;margin-bottom: 15px;margin-left: auto;margin-right: auto;}
.service-home>div>div{border-radius: 13px;width: 96%;margin-left: auto;margin-right: auto;}
.service-home>div>div:before{font-family: iconfont;display: block;color: #ffffff;transition: all linear 0.4s;font-size: 100px;margin-bottom: 10px;}
.service-home0>div{background: #f23e5c;}
.service-home0>div:before{content: '\e7a2';}

.service-home1>div{background: #f9be18;}
.service-home1>div:before{content: '\e64a';}

.service-home2>div{background: #00b0ff;}
.service-home2>div:before{content: '\e6ac';}

.service-home3>div{background: #7e57c1;}
.service-home3>div:before{content: '\e619';}

.service-home4>div{background: #26c6da;}
.service-home4>div:before{content: '\e601';}

.service-home5>div{background: #ec7825;}
.service-home5>div:before{content: '\e63d';}



.service-home img{margin-left: auto;margin-right: auto;}
.service-home h4{margin: 0;font-weight: bold;color: #333333;font-size: 14px;}
.service-home h4 i{color: #f08000;font-size: 18px;}
.about-contain{background: #f6fdfe url(../images/about_bg.gif) left bottom repeat-x;padding-bottom: 20px;border-top: solid 5px #f08000;}
.about-contain>div>div>div{margin-top: 15px;}
.about-cc{text-indent: 2rem;line-height: 22px;}
.about-cc a{color: #0c81d4;}
.faq{overflow: hidden;height: 400px;}
.faq .swiper-slide{height: 200px;}
.faq-list dl{margin-bottom: 15px;}
.faq-list dt {background: url(../images/wd.gif) left top no-repeat;padding-top: 3px;padding-bottom: 3px;padding-left: 32px;margin-bottom: 5px}
.faq-list dd{padding-left: 32px;background: url(../images/wd.gif) left -34px no-repeat;padding-top: 5px;}
.style img{border: 1px solid #c6c6c6;padding: 2px;box-sizing: border-box;width: 100%;margin-top: 15px;}
.style{line-height: 30px;}
.news-home-cc h4{color: #333333;font-weight: bold;}
.news-home-cc a{color: #03a0e5;}
.news-home-list{margin-top: 15px;}
.news-home-list li{width: 94%;margin-left: 3%;background: url(../images/dy_list.jpg) 5px center no-repeat;border-bottom: 1px dashed #dbdbdb;height: 46px;line-height: 46px;}
.news-home-list li a{margin-left: 20px;}
.home-news-contain{background: url(../images/dy_img.png) right center no-repeat;}
.footer{background: #035386 url(../images/footer_bg.gif) left top repeat-x;margin-top: 30px;padding: 25px 0;color: #ffffff;}
.footer a{color: #ffffff;}
.footer-title{border-bottom: 1px solid #57b9fb;}
.footer-title small{color: #ffffff;margin-left: 5px;font-size: 12px;}
.footer-link{text-align: left;font-size: 15px;margin-top: 5px;}
.footer-link a{display: inline-block;white-space: nowrap;margin-right: 9px;padding-left: 8px;line-height: 25px;}
.powerby{opacity: 0.4;line-height: 24px;margin-top: 15px;}
.about-img{width: 100%;}
#menu-btn{margin-top: 15px;margin-right: 10px;display: block;background: #F98904;color: #ffffff;font-size: 15px;border-radius: 50px;padding: 5px 10px;}
#menu-btn img{vertical-align: top;}
.layer-tash{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000000;opacity: 0.8;visibility: hidden;transition: all linear 0.4s;z-index: 199;}
.container-banner img{width: 100%;}
.position{border: solid 1px #dcdcdc;border-radius: 5px;line-height: 35px;padding-left: 15px;}
.product-content .litpic{width: 100%;}
.product-title{border-bottom: dashed 1px #dcdcdc;padding-bottom: 15px;margin-bottom: 15px;}
.product-description{font-size: 15px;line-height: 30px;color: #787878;text-indent: 2rem;margin-top: 15px;}
.product-tel{font-weight: 500;font-size: 27px;text-indent: 0;margin-top: 20px;}
.product-tel:before{font-family: iconfont;content: '\e626';display: inline-block;color:#f87c17;font-size:40px;}
.product-content-cc{margin-top: 20px;line-height: 23px;}
.category-list,.contact-left{border: solid 1px #cccccc;padding-bottom: 10px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-top: #f18b16 3px solid;padding-top: 10px;}
.category-list li{display: block;height: 45px;line-height: 45px;border-bottom: dashed 1px #cccccc;width: 80%;margin-left: 10%;}
.category-list a{display: block;width: 100%;height: 100%;box-sizing: border-box;padding-left: 30px;background: url(../images/dy_list.jpg) 10px center no-repeat;}
.contact-left img{width: 100%;}
.contact-left{padding-top: 0;}
.page-container{text-align: center;}
.contact-item{padding: 3px 10px;box-sizing: border-box;color: #787878;}
.contact-left-title{padding-left: 10px;}
.nav-tabs{background: transparent;}
.nav-tabs li.active a{background: #ffffff;font-size: 16px;width: 100px;font-weight: 500;}
.article-list li{display: block;padding: 15px 10px;border-bottom: dashed 1px #dcdcdc;}
.article-list-title{padding-bottom: 5px;}
.article-list-title a{color: #000000;font-size: 15px;font-weight: bold;}
.article-list-title a:before{font-family: iconfont;padding-right: 3px;content: '\e608';}
.article-list-title span{color: #787878;}
.article-list-description{color: #787878;}
.article-detail-other{color: #888888;border-bottom: solid 1px #e1e1e1;padding-bottom: 10px;}
.article-detail-content{margin-top: 10px;color:#666666;line-height:26px;}
.product-content-cc table{border-top: solid 1px #f1f1f1;border-left: solid 1px #f1f1f1;width: 100%;}
.product-content-cc table tr td ,.product-content-cc table tr th{border-right: solid 1px #f1f1f1;border-bottom: solid 1px #f1f1f1;line-height: 25px;}
.about-list img{padding: 0;cursor: pointer;}
.about-list a>div:first-child{border: solid 1px #f1f1f1;box-sizing: border-box;}
.article-next{margin:15px 0;line-height:30px;}
.likeart span{background:#f1f1f1;display:inline-block;margin-left: -15px;padding: 0 15px;font-weight: bold;}
.likeart-article>div>a{display:block;width:100%;line-height:35px;border-bottom:dashed 1px #dcdcdc;overflow:hidden;white-space:nowrap;}

.footer-bottom{z-index:10000;position: fixed;height: 50px;left: 0;right: 0;bottom: 0;background: #0189bc;border-top: solid 1px #f1f1f1;justify-content:space-between;align-items:center;}
.footer-bottom a{color: #ffffff;display: block;width: 100%;height: 100%;text-align: center;font-size: 12px;}
.footer-bottom a:before{font-family: iconfont;font-size: 20px;display: block;padding-top: 3px;}
.footer-bottom a.home:before{content: '\e600';}
.footer-bottom a.email:before{content: '\e605';}
.footer-bottom a.mobile:before{content: '\e678';}
.footer-bottom a.address:before{content: '\e62e';}

.online-layer{position: fixed;right: 0;top: 50%;background: #ffffff;z-index: 20;border: solid 1px #dcdcdc;height: 180px;width: 45px;}
.online-layer ul{padding: 0;margin:0;}
.online-layer ul li{list-style: none;float: left;width: 45px;height: 45px;border-bottom: solid 1px #dcdcdc;position: relative;}
.online-layer ul li:last-child{border: none;}
.icon{font-family: iconfont;color: #03a0e5;font-size: 24px;cursor: pointer;display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top: 5px;transition: all linear 0.4s;}
.online-layer li:hover>span{background: #03a0e5;color: #ffffff;}
.sub-online{position: absolute;top: -1px;right: 45px;background: #ffffff;border: solid 1px #dcdcdc;visibility: hidden;opacity: 0;transform: translateX(-20px);transition: all linear 0.4s;}
.online-layer li:hover .sub-online{opacity: 1;transform: translateX(0);visibility: visible;}
.layer-qrcode img{width: 180px;height: 180px;}
.sub-line-tel{width: 200px;padding: 0 15px 15px 15px;line-height: 25px;}
.sub-line-qq{padding: 10px 15px;white-space: nowrap;}
.sub-line-qq img{width: 25px;display: inline-block;margin: auto 10px;}
.div-tel{font-weight:bold;font-size:20px;}
.div-tel a{color:#f68914;font-weight:bold;text-shadow:0 0 3px #ffffff;}
.footer-tel{font-size:20px;color:#ffffff;padding-top:5px;}
.footer-tel a{color:#ffffff;}

@media screen and (max-width:575px){
    .footer-bottom{display: flex!important;}
    /*body{padding-bottom: 50px;}*/
    .gcol-home{display: flex;justify-content:space-between;align-items:center;padding-bottom: 20px;}
    .gcol-home img{width: 100px;}
    .gcol-home .home-item-txt>div>h4,.gcol-home .home-item-txt>div>p{width: 100%;text-align: left;}
}

@media (max-width:768px){
  body{padding-top: 30px;}
  .index-product-list>div>a>div:first-child{border-width: 0;}
  .container-category>div>.col-lg-9{width: 100%;}
    .home-item-content ul li{margin-top: 5px;}
    .home-item-top{height: 80px;background-size: auto 100%;}
    .banner{height: 160px;width: 100%;}
    .banner .swiper-slide{height: 160px;}
    .nav{background: #02ABEE;position: fixed;right: 0;top: 0;bottom: 0;width: 150px;height: 100%!important;z-index: 2000000;transform: translate3d(100%,0,0);transition: all linear 0.4s;}
    .nav .container{width: 150px;}
    .nav .container ul li{display: block;background: transparent;width: 100%;}
    .nav-show{transform: translate3d(0,0,0);}
    .layer-tash{visibility: visible;}
    /*.service-home{padding-left: 15px;padding-right: 15px;}*/
}