@charset "utf-8";
html {
    scroll-behavior: smooth;
}
/*主导航*/
.header{position: relative; z-index: 999; width: 100%; height: 106px; line-height: 106px; padding: 0 100px;}
.header .logo{color: #fff; font-size: 0;}
.header .logo .slogan{font-size: 14px; color: #00abeb; display: inline-block; line-height: 1.5; vertical-align: middle; margin-left: 10px; margin-top: 5px; font-weight: bold;}
.header .logo .slogan em{display: block; font-size: 24px; color: #6b6b6b; font-style: normal;}
.sigle-nav{margin-left: 57px;}
.sigle-nav li{float: left; font-size: 16px; color: #282828;}
.sigle-nav li ~ li{margin-left: 30px;}
.icon-h-menu{width: 16px; height: 16px; background: url(../images/icon/menu-on.png) no-repeat center;background-size: contain; margin-top: -2px; margin-left: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.sigle-nav li a { color: #282828;}
.sigle-nav li a:hover,.sigle-nav li.on a {color: #00abeb;}
.sigle-nav li a:hover .icon{background-image: url(../images/icon/menu-on.png);}
.nav-list li{float: left; font-size: 0; margin-left: 45px;}
.nav-list li a{position: relative; display: inline-block; font-size: 16px; color: #2f2f2f; vertical-align: top;}
.nav-list li.on a,
.nav-list li a:hover{color: #00abeb;}
.header-right{margin-left: 5px;}
.header-right li{float: left; margin-left: 14px; cursor: pointer; position: relative;}
.header-right li .search-box,
.header-right li .tel-box{position: absolute; left: 0; opacity: 0; visibility: hidden; z-index: 22; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.header-right li:hover .search-box,
.header-right li:hover .tel-box{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.header-right li:last-child{font-size: 18px; color: #00abeb; font-weight: bold;}
.header-right li:last-child a{color: #00abeb;}
.header-right li .search-box{width: 240px; height: 40px; background: rgba(255,255,255,.9); right: 0; left: auto;}
.header-right li .search-box .key{float: left; width: 190px; height: 40px; font-size: 14px; vertical-align: middle; padding: 0 10px;}
.header-right li .search-box .sub{float: right; width: 50px; height: 40px; font-size: 14px; background: #00abeb url(../images/icon/search-white.png) no-repeat center; background-size: 20px; cursor: pointer;}
.header-right li .tel-box{color: #fff; font-size: 18px; line-height: 40px; right: 0; width: 180px; left: auto; text-align: right; display: none;}
.icon-h-tel{width: 30px; height: 30px; background: url(../images/icon/head-tel.png) no-repeat center; background-size: contain; margin-right: 5px;}
.icon-h-search{width: 30px; height: 30px; background: url(../images/icon/head-search.png) no-repeat center; background-size: contain;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#00abeb;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.5s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#00abeb;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;font-size:14px;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;border-bottom: 1px solid #d7d7d7;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:100px;border-radius: 28px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:20px;}
.wSearch .sear_btn{ float:left;width:100px;height:40px; cursor:pointer;text-align:center;background:#00abeb;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-100px;}
.wSearch .sear_btn:hover{background:#e10000;}
.nav_on {opacity: 1;transform: translateX(0);}

/*筛选框*/
.select-content{position: relative; z-index: 2; margin-top: -115px; /* height: 290px; */ background-color: #f2f2f2; margin-bottom: 90px; flex-wrap: nowrap;}
.select-content .search-item{position: absolute; right: 70px; top: 20px;}
.search-item{width: 300px; height: 30px; padding: 0 5px; border-bottom: 1px solid #00abeb;}
.search-item .sub{width: 20px; height: 20px; background: url(../images/icon/search.png) no-repeat center; background-size: contain; vertical-align: middle; cursor: pointer;}
.search-item .inp{margin-left: 5px; width: 80%; height: 20px; vertical-align: middle;}
.select-content .sidebar{width: 9%; background-color: #00abeb; text-align: center; position: relative;}
.select-content .sidebar h3{font-size: 20px; line-height: 24px; color: #ffffff; line-height: 1; margin-bottom: 18px;}
.select-content .sidebar .zx{display: inline-block; width: 80px; height: 30px; background-color: #ffffff; line-height: 30px; color: #282828; margin-bottom: 7px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.select-content .sidebar .zx:hover{opacity: .95;}
.select-content .sidebar .pic{margin-top: 42px; margin-bottom: 40px;}
.select-content .cont{padding: 30px 50px 0 30px; width: 91%;}
.select-list-wrap .item{margin-bottom: 15px;}
.select-list-wrap .item .tit{float: left; font-weight: bold; font-size: 18px; line-height: 24px; color: #282828; margin-right: 20px; width: 90px; text-align: right;}
.select-list{overflow: hidden; font-size: 0; /* padding-right: 20px; */}
.select-list-1{padding-right: 100px;}
.select-list li{display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; color: #282828; margin-right: 40px; margin-bottom: 6px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.select-list li.on,
.select-list li:hover{color: #00abeb;}
.select-list li.on{font-weight: bold;}
.select-list-2 li{margin-right: 20px; text-align: center;}
.select-list-2 li p{margin-top: 5px;}
.select-list-2 li img{width: 100px;}
.select-sub{position: absolute; right: 70px; bottom: 30px; width: 100px;}
.select-sub a{display: inline-block; vertical-align: middle; width: 100px; height: 30px; background-color: #aaaaaa; text-align: center; margin-top: 6px; line-height: 30px; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.select-sub .ok{background: #00abeb;}
.select-sub a:hover{opacity: .9;}
.bg-product{/*background: url(../images/product-bg.jpg) no-repeat center;*/background: #f1f1f1; background-size: cover;}
.product-cate-tab{margin-top: 45px; margin-bottom: 40px; text-align: center; font-size: 0;}
.product-cate-tab li{display: inline-block;border-radius: 5px; margin-bottom: 5px;vertical-align: middle; height: 50px; background-color: #4a5586; width: 200px; color: #fff; line-height: 50px; font-size: 18px; /*font-weight: bold; *//*border-right: 1px solid rgba(238,238,238,.5);*/ cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.product-cate-tab li.on,
.product-cate-tab li:hover{background-color: #00abeb; /*border-color: #00abeb*/}
.product-cate-tab li ~ li{margin-left: 1px;}
.product-cate-tab li h2{font-size: 14px; font-weight: 400;line-height: 35px;}

.product-list .item{margin-bottom: 3px;}
.product-list .item .abox{background: #f7f7f7; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; /*padding: 2px;*/}
.product-list .item .abox:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);background-color: #00abeb; color: #FFFFFF; }
.product-list .item .abox .pic{width: 100%; float: left;height: 140px;background-color: #FFFFFF;}
.product-list .item .abox .contt{overflow: hidden; padding: 10px 5px 10px;font-size: 12px;line-height: 19px;text-align: center;

overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.product-list .item .abox .cont{overflow: hidden; padding: 10px 5px 10px;   font-size: 12px;
    line-height: 19px;
    text-align: center;}
.product-list .item .abox .cont .tit{font-size: 20px; line-height: 24px; color: #282828; line-height: 1;}
.product-list .item .abox .cont .xh{font-size: 14px; line-height: 24px; color: #6b6b6b; margin-top: 12px; padding-bottom: 24px; margin-bottom: 15px; border-bottom: 1px solid #CDCDCD;}
.product-list .item .abox .cont .sx{line-height: 24px; color: #6b6b6b;}
.index-honor{padding: 98px 0; /*background: url(../images/index-honor-bg.jpg) no-repeat center; */background-size: cover;}
.index-honor .com-width{position: relative; display: flex; justify-content: space-between;}
.index-honor .tit-side{width: 200px; margin-right: 65px; padding-top: 30px;}
.index-honor .tit-side .zx-wrap{margin-top: 64px;}
.index-honor .tit-side .zx-wrap .zx-btn{display: inline-block; width: 100%; height: 50px; line-height: 50px; background-color: #00abeb; font-size: 16px; color: #fff; text-align: center; margin-bottom: 8px; display: inline-flex; align-items: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.index-honor .tit-side .zx-wrap .zx-btn:hover{opacity: .9;}
.index-honor-list{flex: 1;}
.icon-honor-zx{width: 14px; height: 20px; background: url(../images/icon/money.png) no-repeat; background-size: contain; margin-right: 14px;}
.icon-honor-tel{width: 16px; height: 20px; background: url(../images/icon/honor-tel.png) no-repeat; background-size: contain; margin-right: 10px;}
.index-honor .tit-side .swiper-btn{position: absolute; left: 0; bottom: 0; width: 200px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.swiper-btn a{display: inline-block; width: 49%; height: 50px; background: url(../images/icon/prev1.png) no-repeat center #fff; background: url(../images/icon/prev1-on.png) no-repeat center #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.swiper-btn .next{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.swiper-btn a:hover{background-image: url(../images/icon/prev1.png);}
.index-use{padding-bottom: 120px;}
.use-wrap{margin-top: 50px;}
.use-cate{width: 35.7148%; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.use-cate li{float: left; width: 50%; height: 25%; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0 20px 0 26px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.use-cate li:hover,
.use-cate li.on{background: #00abeb;}
.use-cate li .tit-side .b{font-size: 18px; line-height: 20px; color: #282828; line-height: 1; font-weight: bold; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.use-cate li .tit-side .e{font-size: 14px; line-height: 20px; color: #8d8d8d; text-transform: uppercase; margin-top: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.use-cate li:hover .tit-side .b,
.use-cate li:hover .tit-side .e,
.use-cate li.on .tit-side .b,
.use-cate li.on .tit-side .e{color: #fff;}
.use-cate li .icon{width: 92px; height: 92px; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.icon-use-1{background-image: url(../images/icon/yy-1.png);}
.icon-use-2{background-image: url(../images/icon/yy-2.png);}
.icon-use-3{background-image: url(../images/icon/yy-3.png);}
.icon-use-4{background-image: url(../images/icon/yy-4.png);}
.icon-use-5{background-image: url(../images/icon/yy-5.png);}
.icon-use-6{background-image: url(../images/icon/yy-6.png);}
.icon-use-7{background-image: url(../images/icon/yy-7.png);}
.icon-use-8{background-image: url(../images/icon/yy-8.png);}
.use-cate li.on .icon-use-1,
.use-cate li:hover .icon-use-1{background-image: url(../images/icon/yy-1-on.png);}
.use-cate li.on .icon-use-2,
.use-cate li:hover .icon-use-2{background-image: url(../images/icon/yy-2-on.png);}
.use-cate li.on .icon-use-3,
.use-cate li:hover .icon-use-3{background-image: url(../images/icon/yy-3-on.png);}
.use-cate li.on .icon-use-4,
.use-cate li:hover .icon-use-4{background-image: url(../images/icon/yy-4-on.png);}
.use-cate li.on .icon-use-5,
.use-cate li:hover .icon-use-5{background-image: url(../images/icon/yy-5-on.png);}
.use-cate li.on .icon-use-6,
.use-cate li:hover .icon-use-6{background-image: url(../images/icon/yy-6-on.png);}
.use-cate li.on .icon-use-7,
.use-cate li:hover .icon-use-7{background-image: url(../images/icon/yy-7-on.png);}
.use-cate li.on .icon-use-8,
.use-cate li:hover .icon-use-8{background-image: url(../images/icon/yy-8-on.png);}
.use-content{width: 64.2852%;}
.use-content .item{position: relative;}
.use-content .item .pic img{width: 100%;}
.use-content .item .cont{position: absolute; left: 0; bottom: 0; width: 100%; height: 25%; background-color: #00abeb; color: #fff; align-items: center; padding: 0 45px;}
.use-content .item .cont .tit{margin-right: 56px; text-align: center;}
.use-content .item .cont .tit h4{font-size: 24px; color: #fff;}
.use-content .item .cont .tit .more{display: inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 0; text-align: center; margin-top: 10px; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.icon-com-more{width: 30px; height: 7px; background: url(../images/icon/more1.png) no-repeat center; background-size: contain; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.use-content .item .cont .tit .more:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.use-content .item .cont .tit .more:hover .icon{-webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}
.service-one{margin-top: 60px; margin-bottom: 57px;}
.service-one .item{position: relative; float: left; width: 25%;}
.service-one .item .cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;
    background: rgba(0, 171, 235, 0.7); opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.service-one .item:hover .cover{opacity: 1; visibility: visible;}
.service-one .item .cont{position: absolute; left: 37px;width: 80%; padding-top: 20px; top: 50px; z-index: 2; color: #fff;}
.service-one .item .cont .tita1{font-size:20px; line-height: 1; color: #ffffff;}
.service-one .item .cont .tita2{font-size:14px; line-height: 1.5; color: #ffffff; margin-top: 15px;}
.service-one .item .cont .des{width: 70%; line-height: 24px; color: #ffffff; margin-top: 70px; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}
.service-one .item:hover .cont .des{opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.service-one .item .icon{position: absolute; left: 0; bottom: 0%; width: 53px; height: 53px; background-repeat: no-repeat; background-size: contain; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.service-one .item:hover .icon{opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}
.icon-service-1{background-image: url(../images/icon/safe-i1.png);}
.icon-service-2{background-image: url(../images/icon/safe-i2.png);}
.icon-service-3{background-image: url(../images/icon/safe-i3.png);}
.icon-service-4{background-image: url(../images/icon/safe-i4.png);}
.service-two .item{position: relative; float: left; width: 50%;}
.service-two .item .abox{position: relative;}
.service-two .item .abox .cont{position: absolute; top: 50%; left: 58px; z-index: 2; color: #fff; margin-top: -27.5px;}
.service-two .item .abox .cont .tit1{font-size: 16px; line-height: 1;}
.service-two .item .abox .cont .tit2{font-size: 24px; line-height: 1; font-weight: bold; margin-top: 15px;}
.service-two .item .abox .icon{position: absolute; top: 50%; right: 65px; z-index: 2; width: 36px; height: 36px; background: #00abeb url(../images/icon/more2.png) no-repeat center; margin-top: -18px; border-radius: 50%; overflow: hidden; opacity: .8; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.service-two .item:hover .icon{opacity: 1;}
.index-about{padding: 120px 0 110px; background-color: #f1f1f1; /*background: url(../images/index-about-bg.jpg) no-repeat center; */background-size: cover;}
.index-about-content .pic{cursor: pointer; width: 45.92%; position: relative;}
.index-about-content .pic img{max-width: none; height: 100%;}
.index-about-content .pic:before{content: ""; position: absolute; right: 56px; bottom: 50px; width: 51px; height: 51px; background: url(../images/icon/video.png) no-repeat; background-size: contain; z-index: 2;}
.index-about-content .cont{padding-right: 80px; overflow: hidden;}
.about-des{margin-top: 40px; font-size: 16px; line-height: 26px; color: #7f7f7f;}
.about-des p ~ p{margin-top: 15px;}
.index-about-content .cont .com-more{margin-top: 48px;}
.index-about .num-scroll{margin-top: 90px;}
.index-news .news-item{width: 64%;}
.index-news .faq-item{width: 30%;}
.news-tit-bar{border-bottom: 1px dotted #e0e0e0; margin-bottom: 28px;}
.news-tit-bar ul{display: inline-block;}
.news-tit-bar ul li{position: relative; display: inline-block; vertical-align: middle; font-size: 18px; color: #8d8d8d; font-weight: bold; padding-bottom: 26px; line-height: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.news-tit-bar ul li:before{content: ""; position: absolute; left: 50%; bottom: -3px; width: 0; border-bottom: 5px solid #00abeb; opacity: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.news-tit-bar ul li.on:before,
.news-tit-bar ul li:hover:before{opacity: 1; visibility: visible; left: 0; width: 100%;}
.news-tit-bar ul li ~ li{margin-left: 50px;}
.news-tit-bar ul li.on,
.news-tit-bar ul li:hover{color: #000;}
.news-tab li{cursor: pointer;}
.news-tit-bar .more{color: #8d8d8d;}
.news-tab-item .item{width: 47.8%;}
.news-tab-item .item .pic{height: 200px; background: #333;}
.news-tab-item .item .pic img{opacity: .9; width: 100%;}
.news-tab-item .item ul{padding: 29px 20px; border: 1px solid #d7d7d7; border-top: none;}
.news-tab-item .item ul li{padding: 0 10px; line-height: 40px; border-bottom: 1px solid #EDEDED; font-size: 0;}
.news-tab-item .item ul li:last-child{border-bottom: none;}
.news-tab-item .item ul li a{display: inline-block; width: 80%; vertical-align: middle; color: #8b8b8b; font-size: 16px;}
.news-tab-item .item ul li a:hover,
.index-faq-list li a:hover,
.news-tit-bar .more:hover{color: #00abeb;}
.news-tab-item .item ul li .date{color: #8b8b8b; font-size: 14px;}

.news_item{width: 100%; padding-bottom:40px;}
.news_item ul{ border-top: none;}
.news_item ul li{padding: 0px; line-height: 40px; border-bottom: 1px solid #EDEDED; font-size: 0;}
.news_item ul li:last-child{border-bottom: none;}
.news_item ul li a{display: inline-block; width: 80%; vertical-align: middle; color: #8b8b8b; font-size: 14px;}
.news_item ul li a:hover{color: #00abeb;}
.news_item ul li .date{color: #8b8b8b; font-size: 14px;}


.index-faq-list{border-top: 1px dashed #CACACA;}
.index-faq-list li{line-height: 64px; border-bottom: 1px dotted #e0e0e0; font-size: 0;}
.index-faq-list li a{font-size: 16px; color: #8b8b8b; display: inline-block; vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0 30px;width: 100%;}
.icon-index-faq{width: 28px; height: 28px; background: url(../images/icon/faq-on.png) no-repeat center; background: url(../images/icon/faq.png) no-repeat center; background-size: contain; margin-right: 45px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.index-faq-list li a:hover .icon-index-faq{background-image: url(../images/icon/faq-on.png);}
/*尾部*/
.footer{background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover;background-color: #2c2c2c;}
.foot-nav{padding: 85px 0;}
.foot-nav .item{float: left; color: #A5A6A8;}
.foot-nav .item ~ .item{margin-left: 100px;}
.foot-nav .item .tit{font-size: 18px; color: #fff; line-height: 1; margin-bottom: 25px;}
.foot-nav .item .flex ul ~ ul{margin-left: 30px;}
.foot-nav .item ul li ~ li{margin-top: 8px;}
.foot-nav .item ul li a{color: #A5A6A8;}
.foot-contact{padding: 60px 40px 0; width: 329px; background-color: #00abeb; text-align: center;}
.foot-contact .foot-zx{display: block; height: 48px;border-radius: 5px; background-color: #00abeb; line-height: 48px; font-size: 16px; color: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.foot-contact .foot-zx:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.icon-foot-zx{width: 29px; height: 26px; background: url(../images/icon/foot-zx.png) no-repeat center; background-size: contain; margin-right: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.foot-contact .foot-zx:hover .icon{-webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px);}
.icon-foot-tel{width: 19px; height: 25px; background: url(../images/icon/foot-tel.png) no-repeat center; background-size: contain; margin-right: 12px; margin-top: -4px;}
.foot-contact .tel{font-size: 24px; font-weight: bold; line-height: 1; color: #ffffff; margin-top: 20px;}
.foot-contact .mail{font-size: 14px;text-align: center; line-height: 20px; color: #878787; margin-top: 10px; margin-bottom:0px;}
.foot-contact .addr{font-size: 14px;text-align: center; line-height: 20px; color: #878787; margin-top: 10px; margin-bottom: 30px;}
.foot-contact .qr li p{margin-top: 5px; color: #878787; line-height: 25px;}
.site-links{padding: 25px 0; border-top: 1px solid rgba(210,210,210,.23);}
.site-links h4{font-size: 18px; color: #565656; margin-bottom: 20px;}
.site-links a{color: #565656; margin-right: 15px;}
.copyright{padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(210,210,210,.3); color: #aaaaaa;}
.copyright a{color: #aaaaaa;}
.copyright .fr a{margin-left: 15px;}
.foot-nav .item ul li a:hover,
.copyright a:hover,
.site-links a:hover{color: #fff;}
/*轮播图位置表单*/
.banner-form{position: absolute; top: 0; left: 50%; margin-left: -700px; z-index: 9; width: 280px; height: 100%; background-color: #00abeb; text-align: center; padding: 1.5% 20px;}
@media (max-width: 1800px){.banner-form{margin-left: -600px;}}
.banner-form h3{width: 100%; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 18px;}
.banner-form ul{width: 100%;}
.banner-form ul li ~ li{margin-top: 6px;}
.banner-form ul li input{width: 100%; height: 45px; border: solid 1px #c9c9c9; padding: 0 18px; color: #fff;}
.banner-form ul li input::-webkit-input-placeholder{color: rgba(255,255,255,.5);}
.banner-form ul li input:-moz-placeholder{color: rgba(255,255,255,.5);}
.banner-form ul li input::-moz-placeholder{color: rgba(255,255,255,.5);}
.banner-form ul li input:-ms-input-placeholder{color: rgba(255,255,255,.5);}
.banner-form .sub{width: 100px; height: 30px; background-color: #ffffff; line-height: 30px; color: #00abeb; margin-top: 18px; cursor: pointer;}
/*左右结构列表*/
.pt-36{padding-top: 36px;}
.cate-side{float: left; width: 280px;}
.cate-side .item{background: #fff;}
.cate-side .item h3{position: relative; height: 50px; background-color: #00abeb; line-height: 50px; color: #fff; font-size: 18px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,.2);}
.cate-side .item h3 a{display: block; width: 70%; padding-left: 29px; color: #fff;}
.icon-cate-tit{position: absolute; top: 0; right: 32px; width: 40px; height: 100%; background: url(../images/icon/jt.png) no-repeat center; background-size: 20px; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.cate-side .item h3.on .icon{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.cate-side .item ul{padding: 20px 0; display: none;}
.cate-side .item.on ul{display: block;}
.cate-side .item ul li{font-size: 0;}
.cate-side .item ul li a{position: relative; display: inline-block; width: 100%; font-size: 16px; color: #6b6b6b; vertical-align: middle; padding: 0 60px 0 20px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cate-side .item ul li a:hover,
.cate-side .item ul li.on a{color: #00abeb;}
.icon-cate-more{position: absolute; right: 50px; top: 50%; margin-top: -7px; width: 7px; height: 14px; background: url(../images/icon/cate-more.png) no-repeat center; background-size: contain; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.cate-side .item ul li a:hover .icon,
.cate-side .item ul li.on a .icon{background-image: url(../images/icon/cate-more-on.png); -webkit-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px);}
.list-content{overflow: hidden; padding-left: 26px;}
.cate-title-bar{position: relative; padding-bottom: 15px; border-bottom: 1px solid rgba(107,107,107,.3); margin-bottom: 32px;}
.cate-title-bar h1{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 14px; color: #00abeb; font-weight: bold; position: relative; padding-left: 18px;}
.cate-title-bar:before{content: ""; position: absolute; left: 0; top: 5px; width: 4px; height: 18px; background-color: #00abeb;}
.page-product-list{margin-bottom: -20px;}
.page-product-list .item{margin-bottom: 20px;}
.page-product-list .item .abox{padding: 5px;}
.page-product-list .item .abox .pic{width: 246px; float: left;}
.page-product-list .item .abox .cont{overflow: hidden; padding: 23px 25px 0;}
.page-product-list .item .abox .cont .sx{line-height: 22px;}
.page-product-list .item .abox .cont .xh{padding-bottom: 15px; margin-top: 10px;}
.product-zx{display: inline-block; width: 125px; height: 30px; background-color: #00abeb; line-height: 30px; text-align: center; color: #ffffff !important; margin-left: 32px;}
.cate-title-bar .search-item .inp::-webkit-input-placeholder{color: rgba(107,107,107,.5);}
.cate-title-bar .search-item .inp:-moz-placeholder{color: rgba(107,107,107,.5);}
.cate-title-bar .search-item .inp::-moz-placeholder{color: rgba(107,107,107,.5);}
.cate-title-bar .search-item .inp:-ms-input-placeholder{color: rgba(107,107,107,.5);}
.list-content-100{width: 100%; padding-left: 0;}
.product-cate-list{display: inline-block; vertical-align: middle; padding-left: 14px;}
.product-cate-list li{float: left; font-size: 0;}
.product-cate-list li ~ li{margin-left: 50px;}
.product-cate-list li a{font-size: 18px; color: #2f2f2f; font-weight: bold; line-height: 18px; vertical-align: middle;}
.product-cate-list li.on a,
.product-cate-list li a:hover{color: #00abeb;}
.brand-wrap{border-bottom: 1px solid #C9C9C9; margin-bottom: 45px;}
.brand-content{position: relative; top: 3px;}
.com-cate-content .swiper-wrapper{justify-content: center;}
.brand-content .item{padding: 30px 0; cursor: pointer; text-align: center; width: 100px;}
.brand-content .item:before{content: ""; position: absolute; left: 50%; bottom: 0; width: 0; opacity: 0; visibility: hidden; border-bottom: 5px solid #00abeb; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.brand-content .item.on:before,
.brand-content .item:hover:before{left: 0; width: 100%; opacity: 1; visibility: visible;}
.brand-content .item .pic{height: 40px;}
.brand-content .item .tit{font-size: 16px; line-height: 24px; color: #191919; margin-top: 15px;}
/*产品详情 开始*/
.inner-position{line-height: 70px; border-bottom: 1px solid #D2D2D2; font-size: 16px;}
.inner-position a{color: #2f2f2f;}
.inner-position a:hover{color: #00abeb;}
.icon-pos-home{width: 20px; height: 20px; background: url(../images/icon/home.png) no-repeat center; background-size: contain; margin-top: -4px; margin-right: 10px;}
.icon-pos-back{width: 17px; height: 12px; background: url(../images/icon/back.png) no-repeat center; background-size: contain; margin-top: -2px; margin-right: 10px;}
.product-header{padding: 40px 40px 60px; align-items: center;}
.product-slide-wrap{width: 555px; text-align: center; position: relative; overflow: hidden;}
.product-thumb{float: left; width: 120px;}
.product-thumb .item{width: 120px; height: 120px; line-height: 118px; font-size: 0; border: solid 1px #c9c9c9;}
.product-big{width: 400px; float: right;}
.product-big .item{width: 400px; height: 400px; line-height: 398px; font-size: 0; border: solid 1px #c9c9c9;}
.product-desc{position: relative; overflow: hidden; padding-top: 45px; padding-left: 55px; padding-bottom: 20px;}
.product-desc .cont h1{font-size: 24px; color: #282828; line-height: 1.3; position: relative; margin-bottom: 15px;}
.product-desc .cont .type{color: #6b6b6b; line-height: 18px; padding-bottom: 16px; border-bottom: 1px solid #D2D2D2;}
.product-desc .cont .des{margin-top: 15px; margin-bottom: 25px; font-size: 16px; line-height: 31px; color: #6b6b6b;}

.product-desc .cont .tel{font-size: 18px; line-height: 24px; color: #282828;}
.product-desc .zixun{margin-top: 30px; display: flex; flex-wrap: nowrap; vertical-align: middle;}
.product-desc .zixun .zx{width: 150px; height: 40px; background-color: #00abeb; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}
.product-desc .zixun .zx ~ .zx{margin-left: 20px;}
.product-desc .zixun .msg-btn{background: #4e4e4e;}
.icon-detail-zx{width: 21px; height: 21px; margin-top: -2px; margin-right: 5px; background: url(../images/icon/zx1.png) no-repeat center; background-size: contain;}
.icon-detail-down{width: 17px; height: 17px; margin-top: -2px; margin-right: 5px; background: url(../images/icon/down.png) no-repeat center; background-size: contain;}
.detail-body{padding-bottom: 70px; border-bottom: 1px solid #D2D2D2;}
.detail-left{width: 71.5%; background: #FFFFFF;}
.detail-right{width: 26%;}
.detai-tab{line-height: 50px; background: #f3f3f3;}
.detai-tab .item{float: left; width: 200px; height: 50px; color: #282828; font-size: 18px; text-align: center; cursor: pointer; font-weight: bold; margin-right: 1px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.detai-tab .item.on,
.detai-tab .item:hover{background-color: #00abeb; color: #fff;}
/*.detai-tab .item:hover{color: #00abeb;}*/
.detail-tit{font-size: 24px; color: #262626; line-height: 1; margin-bottom: 25px;}
.article-content{padding: 50px 60px 80px; font-size: 16px; line-height: 1.75;}
.article-content .item ~ .item{display: none;}
.block-item{margin-top: 60px;}
.blcok-tit{position: relative; font-size: 24px; color: #282828; line-height: 50px; border-bottom: 1px solid #D2D2D2; margin-bottom: 27px;}
.blcok-tit .more{position: absolute; right: 0; bottom: 10px; color: #8c8c8c; font-size: 16px;}
.blcok-tit .more:hover{color: #0f0f45;}
.blcok-tit .more .icon-plus{width: 20px; height: 20px; margin-top: -2px;margin-right: 7px;}
.pics-list .item ~ .item{margin-top: 20px;}
.pics-list .item .abox{text-align: center; background: #fff; text-align: center;}
.pics-list .item .abox .pic{overflow: hidden; border: 1px solid #dcdcdc; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pics-list .item .abox:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pics-list .item .abox .tit{margin-top: 18px; color: #6b6b6b; font-size: 16px; padding: 0 15px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.use-relation{padding-top: 48px; padding-bottom: 90px;}
.xg-tit-bar h3{display: inline-block; font-size: 36px; line-height: 24px; color: #333333;}
.xg-tit-bar .more{font-size: 16px; line-height: 31px; color: #6b6b6b;}
.xg-tit-bar .more:hover{color: #00abeb;}
.use-slide-wrap{margin-top: 35px; position: relative;}
.use-slide-wrap .prev,
.use-slide-wrap .next{position: absolute; top: 50%; margin-top: -18.5px; width: 37px; height: 37px; background: rgba(51, 51, 51, 1) url(../images/icon/btn-mini.png) no-repeat center; background-size: 10px; border-radius: 50%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.use-slide-wrap .prev{left: -100px;}
.use-slide-wrap .next{right: -100px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.use-slide-wrap .prev:hover,
.use-slide-wrap .next:hover{background-color: rgba(184, 0, 0, 1);}
.use-slde-content .item .abox{position: relative; border: 1px solid #eee;}
.use-slde-content .item .abox:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .15; z-index: 2;}
.use-slde-content .item .abox .tit{position: absolute; left: 27px; bottom: 38px; z-index: 2; font-size: 24px; line-height: 24px; color: #fff;}
.use-slde-content .item .abox .com-more{position: absolute; right: 29px; bottom: 30px; z-index: 2; opacity: .8;}
.use-slde-content .item .abox:hover .com-more{opacity: 1;}
/*产品详情 结束*/
/*通用分类*/
/*.com-cate-content .item{margin: 0 30px;}*/
.com-cate-content .item .tit{font-weight: bold;}
.com-cate-content .item.on .tit{color: #00abeb;}
/*行业应用列表*/
.use-list .item .pic,
.use-list .item .cont{width: 50%;}
.use-list .item:nth-child(2n){flex-direction: row-reverse;}
.use-list .item .cont{align-items: center; padding: 0 105px; border: solid 1px #d2d2d2;}
.use-list .item .cont .tit{font-size: 24px; line-height: 24px; color: #282828;}
.use-list .item .cont .des{margin-top: 40px; margin-bottom: 50px; line-height: 24px; color: #6b6b6b;}
/*应用详情*/
.detail-header{text-align: center;}
.detail-header h1{font-size: 24px; line-height: 1.5; color: #282828;}
.detail-header .info{font-size: 0; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #C9C9C9;}
.detail-header .info li{display: inline-block; line-height: 24px; color: #8d8d8d; margin: 0 12px; font-size: 14px;}
.detail-header .info li .icon{margin-right: 6px;}
.icon-detail-author{width: 13px; height: 15px; background: url(../images/icon/detail-1.png) no-repeat center; background-size: contain; margin-top: -2px;}
.icon-detail-time{width: 14px; height: 14px; background: url(../images/icon/detail-2.png) no-repeat center; background-size: contain; margin-top: -2px;}
.icon-detail-visits{width: 17px; height: 11px; background: url(../images/icon/detail-3.png) no-repeat center; background-size: contain;}
.detail-content{line-height: 1.75; font-size: 16px;}
.detail-content p{margin-bottom: 10px;}
.article-detail{padding: 40px 100px;}
.detail-other{padding: 20px; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; align-items: center;}
.view-other{font-size: 16px; line-height: 30px; color: #6b6b6b;}
.view-other a{color: #6b6b6b;}
.view-other a:hover{color: #00abeb;}
.share-other{color: #6b6b6b;}
.product-relation{padding-top: 60px;}
.product-relation .xg-tit-bar{margin-bottom: 35px;}
/*服务*/
.page-tit{margin-bottom: 45px;}
.service-content .item{position: relative; float: left; overflow: hidden; border-bottom: solid 1px #313131; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.service-content .item:hover{opacity: .95;}
.service-content .item>img{height: 100%; max-width: none; width: 100%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.service-content .item:nth-child(1){width: 42.9%;}
.service-content .item:nth-child(2),
.service-content .item:nth-child(3){width: 57.1%;}
.service-content .item:nth-child(4){width: 100%; height: 300px;}
.service-content .item:nth-child(1),
.service-content .item:nth-child(2){border-top: solid 1px #313131;}
.service-content .item .cont{position: absolute; left: 60px; bottom: 70px; z-index: 2; color: #fff;}
.service-content .item:nth-child(2) .cont,
.service-content .item:nth-child(3) .cont{left: 50px;}
.service-content .item:nth-child(4) .cont{top: 30%; bottom: auto;}
.service-content .item .cont .tit{font-size: 30px; line-height: 24px; color: #ffffff;}
.service-content .item .cont .p1{font-size: 20px; line-height: 24px; color: #ffffff; opacity: 0.9; margin-top: 20px; margin-bottom: 25px;}
.service-content .item .cont .p2{font-size: 14px; line-height: 24px; opacity: 0.8; width: 400px;}
.service-content .item .brand{position: absolute; right: 90px; top: 28%; z-index: 2; width: 620px;}
.service-content .item .brand li{color: #fff; text-align: center; margin-bottom: 10px;}
.service-content .item .brand li img{margin-bottom: 6px;}
.zhichi-list li .abox{position: relative;}
.zhichi-list li .abox:before{content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: #00abeb; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.zhichi-list li .abox:hover:before{opacity: .7;}
.zhichi-list li .abox .tit-bar{position: absolute; left: 0; margin-top: -12px; width: 100%; top: 50%; text-align: center; z-index: 3; color: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.zhichi-list li .abox:hover .tit-bar{-webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%);}
.zhichi-list li .abox .tit-bar span{display: inline-block; vertical-align: middle; width: 100%; font-size: 24px; font-weight: bold; line-height: 16px; color: #ffffff;}
.icon-zhichi-more{position: absolute; right: 10px; width: 37px; height: 37px; background: #fff url(../images/icon/more5.png) no-repeat center; border-radius: 50%; top: 50%; margin-top: -18.5px; opacity: 0; z-index: 3; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.zhichi-list li .abox:hover .icon{opacity: 1; right: 13%;}
.down-list{margin-bottom: -30px;}
.down-list li{float: left; width: 25%; margin-bottom: 30px;}
.down-list li .abox{display: flex; height: 120px; border: 1px solid #e5e5e5; align-items: center; padding-left: 26px; padding-right: 24px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.down-list li .abox:hover{background: #00abeb;}
.icon-book{width: 47px; height: 33px; background: url(../images/icon/book.png) no-repeat center; background-size: contain;}
.icon-book-down{width: 21px; height: 21px; background: url(../images/icon/book-down.png) no-repeat center; background-size: contain; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.down-list li .abox .des{flex: 1; width: 50%; padding: 0 15px;}
.down-list li .abox .des .tit{font-size: 16px; line-height: 20px; color: #282828; font-weight: bold; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.down-list li .abox .des .date{font-size: 16px; line-height: 20px; color: #8d8d8d; margin-top: 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.down-list li .abox:hover .des .tit,
.down-list li .abox:hover .des .date{color: #fff;}
.down-list li .abox:hover .icon-book-down{background-image: url(../images/icon/book-down-on.png);}
/*带图文章列表*/
.pics-news{}
.pics-news .item ~ .item{margin-top: 20px;}
.pics-news .item .abox{display: flex; flex-wrap: nowrap; align-items: center; border: 1px solid #eaeaea; background: #fff; padding-right: 70px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pics-news .item .abox:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.pics-news .item .abox .pic{width: 235px;height: 235px; border-right: 1px solid #d2d2d2;}
.pics-news .item .abox .pic img{height: 100%;}
.pics-news .item .abox .cont{flex: 1; padding-left: 56px; padding-right: 130px;}
.icon-news-more{width: 26px; height: 26px; background: url(../images/icon/more4.png) no-repeat center; background-size: contain;}
.pics-news .item .abox .cont h4{font-size: 24px; line-height: 24px; color: #282828; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pics-news .item .abox:hover .cont h4{color: #00abeb;}
.pics-news .item .abox .cont p{font-size: 14px; line-height: 20px; color: #b7b7b7; margin: 20px 0; }
.pics-news .item .abox .cont .date{font-size: 14px; line-height: 22px; color: #b4b4b4;}
.no-pics-news .item .abox{/*background: transparent; */height: 200px;}
.no-pics-news .item .abox .date{width: 200px; height: 100%; text-align: center; align-items: center; justify-content: center; border-right: 1px solid #d2d2d2; font-size: 18px; color: #b7b7b7;}
.no-pics-news .item .abox .date b{display: block; font-size: 36px; color: #00abeb; width: 100%; line-height: 1; margin-bottom: 5px;}
.no-pics-news .item .abox .cont p{margin-bottom: 0;}
/*联系*/
.mingpian{background: #fff;}
.mingpian .cont{width: 42.86%; height: 500px; display: flex; align-content: center; flex-wrap: wrap; padding: 0 50px;}
.mingpian .pic{position: relative; width: 57.14%;}
.mingpian .pic .tip{position: absolute; left: 50%; top: 50%; z-index: 2; width: 325px; height: 94px; background: url(../images/map-tip.png) no-repeat center; margin-top: -60px; margin-left: -40px; padding-left: 43px; padding-right: 30px; padding-top: 25px; line-height: 24px; color: #282828;}
.mingpian .cont h1{font-size: 36px; line-height: 24px; color: #00abeb;}
.mingpian .cont .en{font-size: 16px; line-height: 1.5; color: #6b6b6b; margin-top: 19px;}
.mingpian .cont .des{margin-top: 25px; font-size: 16px; line-height: 36px; color: #6b6b6b;}
.company-content{margin-top: 64px; margin-bottom: 70px;}
.company-list .item .box{background: #fff; height: 350px; padding: 40px 28px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.company-list .item .box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.company-list .item .box h4{font-size: 30px; line-height: 24px; color: #282828;}
.company-list .item .box p{margin-top: 30px; font-size: 16px; line-height: 36px; color: #6b6b6b;}
.message-content{padding: 90px 0;}
.message-content .cont{padding-left: 48px;width: 44%;}
.message-content .cont h3{font-size: 30px;color: #282828;line-height: 1;margin-bottom: 35px;}
.contact-form ul li{float: left;width: 49%;margin-bottom: 20px;}
.contact-form ul li:nth-child(2n+1){margin-right: 2%;}
.contact-form ul li input{width: 100%;background: #f2f2f2;height: 50px;padding: 0 15px;font-size: 14px;}
.contact-form ul li:last-child{margin-right: 0;width: 100%;margin-bottom: 0;}
.contact-form ul li textarea{width: 100%;height: 148px;background-color: #f2f2f2;font-size: 14px;padding: 15px;vertical-align: middle;}
.contact-form .sub{display: block;width: 100%;border-radius: 5px;height: 50px;background-color: #00abeb;text-align: center;line-height: 50px;color: #fff;font-size: 16px;cursor: pointer;margin-top: 30px;}
/*关于*/
.about-intro{/*background: url(../images/index-about-bg.jpg) no-repeat center;*/background-color: #f5f5f5; background-size: cover;}
.about-tit{font-size: 36px; line-height: 36px; color: #333333; text-align: center;}
.about-tit.text-l{text-align: left;}
.about-tit.white{color: #fff;}
.des-16{font-size: 16px; line-height: 26px; color: #7f7f7f;}
.about-intro .des-16{margin-top: 55px; margin-bottom: 70px; padding: 0 98px;}
.about-intro .des-16 p ~ p{margin-top: 20px;}
.about-intro .num-scroll{padding-top: 80px; border-top: 1px solid rgba(107,107,107,.3);}
.about-honor{position: relative; background: url(../images/honor-bg-page.jpg) no-repeat center; background-size: cover;}
.about-honor .com-width{position: relative;}
.about-honor .cont{width: 550px; width: 39.3%;}
.about-honor .cont h4{font-size: 18px; line-height: 26px; opacity: 0.9; color: #fff; margin-top: 50px; margin-bottom: 25px;}
.about-honor .cont ul li{position: relative; padding-left: 23px; font-size: 16px; line-height: 26px; color: #ffffff; opacity: 0.8;}
.about-honor .cont ul li:before{content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: #ffffff; opacity: 0.8; border-radius: 50%;}
.about-honor .cont ul li ~ li{margin-top: 20px;}
.about-honor .pic{position: absolute; left: 39.3%; margin-left: 70px; padding-top: 35px; width: 940px;}
.about-honor-list .swiper-pagination{margin-top: 40px;}
.about-honor-list .swiper-pagination .swiper-pagination-bullet{width: 9px; height: 9px; background-color: #fff; opacity: 1; vertical-align: middle; margin: 0 6px;}
.about-honor-list .swiper-pagination .swiper-pagination-bullet-active{background: transparent; border: 3px solid #00abeb; width: 14px; height: 14px;}
.culture-list{margin-top: 68px; margin-bottom: -38px;}
.culture-list .item{float: left; width: 50%; margin-bottom: 38px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.culture-list .item .pic{width: 43.85%;}
.culture-list .item .cont{flex: 1; padding: 38px 54px 0;}
.culture-list .item .cont h4{font-size: 24px; line-height: 24px; color: #333333;}
.culture-list .item .cont p{font-size: 14px; line-height: 24px; color: #333333; margin-top: 20px;}
.about-partner{/*background: url(../images/partner-bg.jpg) no-repeat center;  */background-color: #FFFFFF; 
    padding-top: 100px; padding-bottom: 100px; background-size: cover;}
.partner-list{margin-top: 80px; margin-bottom: -30px;}
.partner-list li{margin-bottom: 30px;}
.partner-list li .box{height: 110px; line-height: 110px; font-size: 0; text-align: center; background: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.partner-list li .box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.partner-list li .box img{width: auto;}
.about-album{ padding-top: 100px; padding-bottom: 100px; }
.about-album-swiper{margin-top: 120px; padding: 0 70px;}
.about-album-swiper,
.about-album-swiper .swiper-wrapper{overflow: visible;}
.about-album-swiper .item{text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.about-album-swiper .item .tit{position: absolute; width: 100%; font-size: 18px; line-height: 24px; color: #333333; margin-top: 30px;}
.about-album-swiper .swiper-pagination{margin-top: 180px;}
.about-album-swiper .item.swiper-slide-active{-webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); z-index: 2;}
/*产品详情补充*/
.detail-item .tit{font-size: 24px; color: #282828; text-align: center;}
.detail-item .type{font-size: 16px; color: #282828; text-align: center; padding-bottom: 30px; border-bottom: 1px solid rgba(107,107,107,.3); margin-bottom: 55px;}
.detail-item .subtit{font-size: 20px; line-height: 24px; color: #00abeb; font-weight: bold; margin-top: 55px; margin-bottom: 35px; text-align: center;}
.detail-item .subtit.text-l{/*text-align: left;*/ margin-top: 0; /*margin-bottom: 0;*/}
.detail-item .content1 .pic{width: 40%;}
.detail-item .content1 .cont{font-size: 16px; line-height: 1.75; color: #6b6b6b; padding-left: 30px; overflow: hidden;}
.detail-item .content1 .cont p{margin-bottom: 0;}
.ajax-more{display: block; margin: 53px auto 0; width: 180px; height: 60px; background-color: rgba(184, 0, 0, 1); text-align: center; line-height: 60px; color: #fff !important; font-size: 18px;}
.ajax-more:hover{width: 190px;}
/*产品详情*/
.content1 .col-xs-12{width: 100% !important;} 

.company-list .swiper-pagination {
	margin-top: 30px;
}

.ind_g1{/* background-color: #01abeb; */margin-top: 40px; padding:0px 20px 20px 20px;border-radius: 5px;}
.ind_tpp{ text-align: center; padding-top: 20px; color: #282828; padding-bottom: 10px;
    line-height: 1;font-size: 26px;
    font-weight: bold;}
.oh_txt{ text-align: center; padding-top: 10px; padding-bottom: 10px; color: #747474;background-color: #f1f1f1;}
.ind_auxb{ width: 100%; }
.ind_aut { width: 47%; padding:0px 20px 10px 20px; height: 90px;margin-bottom: 0px;  
    text-align: center;
   /* background-color: #e9e9e9;*/
     border-radius: 5px; }
.ind_aut p{ width: 100%; font-size: 20px;color: #282828; }
.ind_aut h2{ width: 100%; font-size: 14px;color: #949494; padding-top: 10px; }
.lt{float: left;}
.rt{float: right;}

.goy{ border-radius: 25px;  font-size: 20px;background-color: #f1f1f1;padding:10px 20px 10px 20px; text-align: center; margin-bottom: 20px;}

.goyf{ border-radius: 8px;  font-size: 20px;background-color: #00abeb;color: #FFFFFF;
    padding: 6px 20px 6px 20px; text-align: center; margin-bottom: 20px;}

.com-title .desa {
    margin-top: 15px;
    font-size: 14px;
    color: #a5a5a5;
    line-height: 1.2;
}
.index-odds {
    padding-top:20px;
    padding-bottom:20px;
     background: url(../images/indexoddsbg.jpg) no-repeat center; 
    background-size: cover; width: 100%; float: left;
}
.odds .title{text-align:center;color: #FFFFFF;font-size:26px; margin-bottom: 50px;
    line-height: 1;
    font-weight: bold;}
.odds li{float:left;width:50%;padding:5% 4%;
    /*border-right:1px solid #ddd;border-bottom:1px solid #ddd;*/
    font-size:.6rem;text-align:center;min-height:11rem;}
.odds li h3{color:#333;font-size:.7rem;margin-bottom:10px;margin-top:15px;}
.odds p{ width: 100%; font-size: 18px;color: #FFFFFF; text-align: center; padding-top: 15px; }
.odds h2{ width: 100%; font-size: 14px;color: #676767; padding-top: 10px;text-align: center; }

.odds li img{max-width:40%;}
.odds li:nth-child(2n){border-right:none;}

.first_page{border-radius:0%; }
 
.product_xb {background-color: #FFFFFF; padding: 20px;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 60px;
    background-size: cover; width: 100%; 
}


.bg-ts {
    
    background: #f1f1f1;
    background-size: cover;
    padding-top: 40px; margin-top: 0px; padding-bottom: 50px; width: 100%;
}
.contact_x{ width: 100%; margin-top: 10px; background-color: #FFFFFF; 
    padding-top: 30px; padding-bottom: 30px;}
 
 

.aboutbga {
     background: url(../images/ada_3.jpg) no-repeat center; 
     
    background-size: cover;width: 100%; padding-top: 150px; padding-bottom: 200px;
}
.aboutbga h1{ width: 100%; font-size: 26px;color: #FFFFFF; text-align: center; padding-top: 15px; }
.aboutbga h2{ width: 100%; font-size:16px;color: #969696; padding-top: 10px;text-align: center; }
.partner-content{ padding-top: 20px; }

.ind_ab{ background-color: #f1f1f1;text-align: center; padding-top: 20px; padding-bottom: 40px; font-size: 24px;color: #282828;
    line-height: 1;
    }

.pro_ta{ width:100%; float:left; margin-top:10px; padding-bottom:10px; border-bottom: 1px solid #e9e9e9;}
.pro_ta a{ float:left; margin-right:20px;width:100% }
.pro_ta span{ float:left;font-size: 18px; line-height:30px;}
.pro_ta h1{ float:left;font-size: 18px; width:32%;padding-top:1px;padding-left:1px;}
.pro_ta h1 a{border-radius: 25px;margin-right:8px; margin-left:5px; line-height:30px;color:#fff;text-align:center;font-size:14px; padding-left:0px;padding-right:0px; display:block;background:#33cbcc;transition:all .2s;font-weight:400;}
.pro_ta h1 a:hover{background:#fd6800}

.bg-product2 {
    
    background: #f1f1f1;
    background-size: cover;
}
.inpic{ border: 1px solid #d7d7d7; }
.inpic img{ width:100%; }

.navr{ float:right; margin-right:40px; padding-right:20px; width:40px;border-right: 1px solid #e9e9e9; height:20px;line-height: 20px; color: #666; }
/*.navr{ float:right; margin-right:40px; padding-right:10px; border-right: 1px solid #e9e9e9; height:25px;line-height: 23px;margin-top:20px; }*/


.cw {
    width: 94%;margin: 0 auto;
}
.index-wrap .swiper-pagination-bullet{width: 8px;height: 8px;background: #d8d8d8 !important;border: none;opacity: 1;border-radius: 0;margin: 0 7px;}
.index-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #d6101a !important;}
.index-wrap .swiper-pagination{left: 0;right: 0;bottom: 15px;}
.index-wrap .wrap6{padding-top:30px; padding-bottom:50px; background: #FFFFFF;}
.index-wrap .wrap6 .list{margin-top: 35px;position: relative;}
.index-wrap .wrap6 .list .item .imgs{border: solid 1px #d7d7d7;display: inline-block;overflow: hidden; padding: 1px;}

.index-wrap .wrap6 .swiper-pagination{bottom: -40px;}

.pro_tab{ width:100%; float:left; margin-top:10px; padding-bottom:10px; margin-bottom: 30px;border-bottom: 1px solid #e9e9e9;}
.pro_tab a{ float:left; margin-right:20px;width:100% }
.pro_tab span{ float:left;font-size: 18px; line-height:30px;}
.pro_tab p{ float:left;font-size: 18px; width:24%;padding-top:1px;padding-left:1px;}
.pro_tab p a{border-radius: 25px;margin-right:8px; margin-left:5px; line-height:30px;color:#fff;text-align:center;font-size:14px; padding-left:0px;padding-right:0px; display:block;background:#33cbcc;transition:all .2s;font-weight:400;}
.pro_tab h1 a:hover{background:#fd6800}