html{ font-size: 100px;}
body{ background: #f2f2f2;}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p,form,table,th,td,img,div,textarea{margin: 0; padding: 0;}
body{ font: 14px/1.5 "Microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 100%;}
small{ font-size: .8em;}
em{ font-style: normal;}
ul{ list-style-type: none;}
ol{ padding-left: 20px;}
h1,h2,h3,h4,h5{ font-family: "Microsoft yahei", "Helvetica Neue",sans-serif;}
img{ border: 0; vertical-align: middle; max-width: 100%;}
img[src=""]{ display: none;}
a{ text-decoration: none; color: #409EFF;}
a:hover{ text-decoration: none; color: #00A0DC;}
::placeholder{ color: #bbb;}
/*div,p{ word-break: break-all; word-wrap: break-word;}*/
.fl{ float: left;}
.fr{ float: right;}
.mt10{ margin-top: 10px;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align: center;}
.main-banner{ position: relative;}
.backWhite{ background: #fff;}
.main-banner-shade:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.15); position: absolute; left: 0; top: 0; z-index: 5;}
.main-banner-text{ position: absolute; left: 0; top: 50%; z-index: 9; width: 100%; font-size: .40rem; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -.40rem;}
.main-size-control{ max-width: 13.5rem; margin: 0 auto;}

/*flex*/
.main-item{ display: flex; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: -moz-box;}
.main-item-center{ align-items: center; -webkit-align-items: center; -webkit-box-align: center;}
.main-item-content{ flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; -moz-box-flex: 1; width: 1px;}

/*重置滚动条*/
::-webkit-scrollbar{ width: 6px; height: 6px; background: #F1F1F1;}
::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background-color: #C1C1C1;}

/*头部导航*/
.main-header-container{ height: 0.8rem;}
.main-header-box{ position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: .8rem; background: #1A1E1F;}
.main-header-con{ position: relative; height: .7rem; line-height: .7rem;}
.main-header-con:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 0; border-bottom: solid 1px #5F6266;}
.main-header-con .header-logo{ padding-left: .5rem;}
.main-header-con .header-logo img{ width: 2.3rem; vertical-align: middle;}

.main-header-menu{ font-size: 0; text-align: center;}
.main-header-menu .menu-item{ position: relative; display: inline-block; height: .7rem; font-size: 15px; margin: 0 .15rem; min-width: 1rem; color: #fff; background-color: #1A1E1F; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -ms-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms;}
.main-header-menu .menu-item.active,.main-header-menu .menu-item:hover{ background-color: #3DCAF5;}
.main-header-menu .menu-item.active:before,.main-header-menu .menu-item:hover:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: solid .03rem #FFA000;}

.main-header-contact{ padding-right: .5rem;}
.main-header-contact .header-tel{ display: inline-block; color: #fff; font-size: .2rem;}
.main-header-contact .header-tel i{ font-size: .26rem; vertical-align: middle; margin-right: .1rem;}

.main-footer-container{ background: #00252F; width: 100%;}
.main-footer-content{ padding-top: .56rem; padding-bottom: .35rem;}
.main-footer-info{ background: #00181F; text-align: right; line-height: .42rem; color: rgba(255,255,255,.4);}
.main-footer-info span + span{ margin-left: .4rem;}
.main-footer-info a{ color: rgba(255,255,255,.4); margin: 0 4px;}
.main-footer-contact .tel{ position: relative; color: #fff; padding-left: .7rem;}
.main-footer-contact .tel:before{ content: "\e627"; font-family: iconfont; display: block; font-size: .55rem; position: absolute; left: 0; top: 0; width: 50px; height: 100%; line-height: .54rem;}
.main-footer-contact .name{ font-size: .15rem; line-height: .15rem;}
.main-footer-contact time{ display: block; font-size: .24rem; line-height: .24rem; margin-top: .15rem;}
.main-footer-contact .site{ color: rgba(255,255,255,.4); font-size: .14rem; line-height: .14rem; margin-top: .28rem;}
.main-footer-contact .site-text{ margin-top: .2rem;}

.main-footer-menu{ overflow: hidden;}
.main-footer-menu .menu-item{ float: left; width: 16%;}
.main-footer-menu .menu-item .code{ max-width: 100px;}
.main-footer-menu .name{ position: relative; color: #fff; font-size: .15rem; line-height: 14px; margin-bottom: .32rem;}
.main-footer-menu .name:before{ content: ""; width: 24px; height: 0; position: absolute; left: 2px; bottom: -.15rem; border-bottom: solid 1px rgba(255,255,255,.4)}
.main-footer-menu .menu-list li + li{ margin-top: .2rem;}
.main-footer-menu .menu-list li{ font-size: .14rem; line-height: .14rem;}
.main-footer-menu .menu-list li a{ color: rgba(255,255,255,.4);}

/*登录*/
.login-container{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/login_banner.jpg") no-repeat center; background-size: 100% 100%;}
.login-container:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,.75);}
.login-box{ width: 380px; position: absolute; left: 50%; top: 50%; z-index: 9; background: url("../images/login_content_bg.jpg") no-repeat; background-size: 100% 100%; border-radius: 4px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.login-content-image{ text-align: center;}
.login-content{ padding: 58px 20px 48px;}
.login-form{ position: relative; margin-top: 42px; padding-bottom: 80px;}
.login-form-item + .login-form-item{ margin-top: 17px;}
.login-form-item input{ border: solid 1px #F3F3F3; line-height: 36px; width: 100%; padding: 0 15px 0 42px; font-size: 15px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login-form-item .account{ background: #F5F5F5 url("../images/icon/login_icon_account.png") no-repeat left 15px center; background-size: auto 17px;}
.login-form-item .password{ background: #F5F5F5 url("../images/icon/login_icon_password.png") no-repeat left 15px center; background-size: auto 17px;}
.login-form-warn{ display: none; color: #f56c6c; position: absolute; left: 0; bottom: 50px; width: 100%; height: 20px; line-height: 20px;}
.login-form-warn p{ padding-left: 42px;}
.login-form-warn.login-form-error{ display: block;}
.login-form-btn{ display: block; background: #3DCAF5; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 15px; border-radius: 4px; cursor: pointer;}

/*首页*/
.index-container{ z-index: 8; width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0; top: 0;}
.index-content{ position: relative; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms;}
.index-content .main-footer-container{ position: absolute; left: 0; bottom: 0; z-index: 6;}
.index-page-list{ position: relative; overflow: hidden;width: 100%;height: 100vh}
.index-page-list:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.55); position: absolute; left: 0; top: 0; z-index: 5;}
.index-page-list .index-page-content-btn + .index-page-content-btn{ margin-left: 1.2rem;}
.index-page-list .index-page-content-btn{ display: inline-block; background: #3DCAF5; color: #fff; padding: 0 .76rem; line-height: .52rem; border-radius: .26rem; font-size: .2rem; margin-top: .5rem;}
.index-page-list.currentShow{}
.index-last-page-list .index-page-content{ margin-top: -1.1rem}
.index-page-content{ color: #fff; text-align: center; width: 100%; max-width: 13.5rem; position: absolute; left: 50%; top: 50%; z-index: 9; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.index-page-content-title{ font-size: .42rem; margin-bottom: .12rem;}
.index-page-content-explain{ font-size: .22rem;}
.index-page-content-explain span{ margin: 0 .1rem;}
.index-page{ position: absolute; right: 40px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.index-page-item{ position: relative; padding-bottom: .56rem;}
.index-page-item:last-child{ padding-bottom: 0;}
.index-page-item:last-child:before{ display: none;}
.index-page-item:before{ content: ""; display: inline-block; position: absolute; left: 50%; top: 6px; width: 0; height: 100%; border-left: dashed 1px #96999A; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.index-page-item .content{ position: relative; color: #fff; width: 20px; height: 20px; cursor: pointer;}
.index-page-item .content:after{ content: ""; width: 8px; height: 8px; border-radius: 4px; background: #fff; position: absolute; left: 50%; top: 6px; margin-left: -4px;}
.index-page-item .content:before{ opacity: 0; content: ""; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms;}
.index-page-item .text{ display: none; position: absolute; right: 48px; top: -1px; width: 100px; text-align: right; font-size: 14px; line-height: 14px;}
.index-page-item .text:before{ content: ""; display: inline-block; width: 15px; height: 0; position: absolute; right: -20px; top: 10px; border-top: solid 1px #fff;}
.index-page-item .name{ font-size: 22px; line-height: 22px; margin-bottom: 5px;}
.index-page-item.active .content:before{ opacity: 1; width: 20px; height: 20px; border: solid 1px #fff; border-radius: 11px; position: absolute; left: -1px; top: -1px;}
.index-page-item.active .text{ display: block;}
.index-news-container{ width: 100%; max-width: 13.5rem; height: .48rem; line-height: .48rem; border-radius: .24rem; background: rgba(0,0,0,.5); position: absolute; left: 50%; bottom: .7rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; overflow: hidden;}
.index-news-box{ position: relative; color: #fff; padding-left: 1.4rem; padding-right: 1.1rem; font-size: .16rem;}
.index-news-name{ width: 1.4rem; height: .48rem; text-align: center; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.index-news-name span{ display: inline-block; padding-left: .4rem; background: url("../images/icon/index_news_bg.png") no-repeat left center; background-size: .32rem auto;}
.index-news-handle{ height: .48rem; position: absolute; right: 0; top: 0;}
.index-news-handle .prev,.index-news-handle .next{ float: left; position: relative; width: .55rem; height: .48rem; opacity: .6; cursor: pointer;}
.index-news-handle .prev{ background: url("../images/icon/arrow_white_top.png") no-repeat center; background-size: .24rem auto;}
.index-news-handle .next{ background: url("../images/icon/arrow_white_bottom.png") no-repeat center; background-size: .24rem auto;}
.index-news-handle .next:before{ content: ""; position: absolute; left: 0; top: .11rem; width: 0; height: .26rem; border-left: solid 1px rgba(255,255,255,.5);}
.index-news-content{ position: relative; padding: 0 .24rem; height: .48rem;}
.index-news-content ul{ -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms;}
.index-news-content ul li{ position: relative; padding-right: .7rem; height: .48rem;}
.index-news-content ul li .text{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news-content ul li .more{ cursor: pointer; float: right; color: #fff; position: absolute; right: 0; top: 0;}

.index-market-tab{ position: relative; color: #fff; width: 80%; margin: 0 auto;}
.index-market-tab .tag{ width: 1.40rem; height: .52rem; line-height: .52rem; border-left: solid 2px #f39800; border-radius: 0 .26rem .26rem 0; background: #3DCAF5; font-size: .16rem; color: #fff; position: absolute; left: -1.4rem; top: .9rem;}

.index-market-tab-nav{ display: inline-block; font-size: 0; height: .75rem; background: rgba(0,0,0,.55);}
.index-market-tab-nav .nav-item + .nav-item{ border-left: solid 1px rgba(255,255,255,.1);}
.index-market-tab-nav .nav-item{ position: relative; display: inline-block; font-size: .2rem; width: 3.05rem; height: .75rem; line-height: .75rem; cursor: pointer; -webkit-transition: background 300ms; -moz-transition: background 300ms; -ms-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms;}
/*.index-market-tab-nav .nav-item:after{ -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms;
  transition: transform 300ms;}
.index-market-tab-nav .nav-item:after{ -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0);}*/
.index-market-tab-nav .nav-item:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: solid 4px #f39800; border-left: none; -webkit-transition: width 300ms; -moz-transition: width 300ms; -ms-transition: width 300ms; -o-transition: width 300ms; transition: width 300ms;}
.index-market-tab-nav .nav-item i{ font-size: .45rem; margin-right: .25rem; vertical-align: middle;}
.index-market-tab-nav .nav-item.active{ background: #3DCAF5; border-left-color: transparent;}
.index-market-tab-nav .nav-item.active:after{ content: ""; position: absolute; left: 50%; top: -.28rem; margin-left: -.15rem; width: 0; height: 0; border: solid .15rem transparent; border-bottom-color: #3DCAF5;}
.index-market-tab-nav .nav-item.active:before{ width: 100%;}
.index-market-tab-nav .nav-item.active + .nav-item{ border-left-color: transparent;}

.index-market-tab-container{ overflow: hidden;}
.index-market-tab-box{ backface-visibility: hidden; margin-bottom: .7rem; white-space: nowrap; font-size: 0; -webkit-transition: transform 500ms ease-in-out;}
.index-market-tab-content{ display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1;}
.index-market-tab-content .icon{ display: inline-block; position: relative; width: 1.9rem; height: 1.9rem; line-height: 1.9rem; background: rgba(0,190,255,.3); border-radius: 50%;}
.index-market-tab-content .icon i{ font-size: .6rem; position: relative; z-index: 5;}
.index-market-tab-content .icon:after{ content: ""; width: 1.42rem; height: 1.42rem; position: absolute; left: .24rem; top: .24rem; z-index: 1; background: #3DCAF5; border-radius: 50%;}
.index-market-tab-content .title{ margin: .35rem 0; font-size: .32rem; line-height: .42rem;}
.index-market-tab-content .explain{  width: 80%; height: .90rem; margin: 0 auto; font-size: .22rem; line-height: .3rem; white-space: initial; overflow: hidden;}
.index-market-tab-content .more{ display: inline-block; height: .4rem; border: solid 1px #fff; border-radius: 8px; font-size: .18rem; line-height: .4rem; padding: 0 .4rem; margin-top: .35rem; color: #fff;}

.index-slide-container{ position: relative; z-index: 9;}
.index-slide-page .next,.index-slide-page .prev{ width: .54rem; height: 1rem; cursor: pointer; opacity: .5; position: absolute; top: 50%; margin-top: -.5rem; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms;}
.index-slide-page .next:hover,.index-slide-page .prev:hover{ opacity: 1;}
.index-slide-page .prev{ left: -1rem; background: url("../images/icon/index_case_arrow1.png") no-repeat; background-size: 100%;}
.index-slide-page .next{ right: -1rem; background: url("../images/icon/index_case_arrow2.png") no-repeat; background-size: 100%;}
.index-slide-box{ overflow: hidden; font-size: 0; white-space: nowrap;}
.index-slide-content{ -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms;}
.index-slide-item{ position: relative; display: inline-block; width: 20%; color: #fff; text-align: center; font-size: 16px; padding-bottom: 1.1rem; vertical-align: middle;}
.index-slide-item .text{ height: 1.1rem; position: absolute; left: 0; bottom: 0; width: 100%; font-size: .2rem; line-height: .2rem;}
.index-slide-item .title,.index-slide-item .number{ position: absolute; width: 100%; left: 0;}
.index-slide-item .title{ padding-top: .15rem; top: .35rem;}
.index-slide-item .title:before{ content: ""; width: .26rem; height: 0; border-top: solid 1px #fff; position: absolute; left: 50%; top: 0; margin-left: -.13rem;}
.index-slide-item .number{ font-size: .2rem; bottom: 0;}
.index-slide-item:nth-child(even){ padding-bottom: 0; padding-top: 1.1rem;}
.index-slide-item:nth-child(even) .text{ bottom: auto; top: 0;}
.index-slide-item:nth-child(even) .number{ bottom: auto; top: 0;}
.index-slide-item:nth-child(even) .title{ padding-top: 0; padding-bottom: .15rem; top: auto; bottom: .35rem;}
.index-slide-item:nth-child(even) .title:before{ top: auto; bottom: 0;}








/**/
.main-page-lead{ position: relative; z-index: 8; height: .6rem; margin-top: -.6rem; background: rgba(105,105,105,.9);}
.main-page-lead-con{ height: .6rem; line-height: .6rem; font-size: 0;}
.main-page-lead-con .icon-web-home{ margin-right: 12px; line-height: .6rem;}
.main-page-lead-con .page-item{ display: inline-block; font-size: .15rem; color: #fff; vertical-align: top; line-height: .6rem;}
.main-page-lead-con .page-item em{ vertical-align: top;}
.main-page-lead-con .page-arrow{ margin: 0 8px; font-size: .14rem;}

.product-item-banner{ position: relative;}
.product-item-banner .text{ padding-bottom: 30px; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.product-item-banner .text:before{ content: ""; width: .86rem; height: 0; border-bottom: solid 4px #3DCAF5; position: absolute; left: 50%; bottom: 0; margin-left: -.43rem;}
.product-item-banner .text .title{ color: #000; font-size: .28rem; line-height: .28rem; margin-bottom: .2rem; font-weight: normal;}
.product-item-banner .info{ font-size: .2rem; line-height: .2rem; color: #666;}
.product-item-box{ position: relative; background: #F7F7F7;}
.product-item-text{ color: #666;}
.product-item-text .title{ font-weight: normal; font-size: .24rem; line-height: .24rem; margin-bottom: 15px;}
.product-item-text .title i{ font-size: .24rem; margin-right: .1rem;}
.product-item-text .info{ font-size: .18rem; line-height: .36rem;}
.product-item-text .info.padding-left{ padding-left: .34rem;}
.product-item-text .tags{ margin-top: .6rem; overflow: hidden;}
.product-item-text .tag{ float: left; margin-right: .55rem; margin-bottom: .5rem; text-align: center; color: #666; font-size: .14rem; white-space: nowrap;}
.product-item-text .tag i{ display: inline-block; font-size: .4rem; line-height: .4rem; color: #00BEFF; margin-bottom: .15rem;}
.product-item-text .tag p{ overflow: hidden; text-overflow: ellipsis;}
.product-item-text .tags.six-number .tag{ width: 12%; margin-right: 3%;}
.product-item-text .tags.four-number .tag{ width: 22%; margin-right: 3%;}
.product-item-text .tags.ten-number .tag{ width: 8%; margin-right: 2%;}
.product-item-text .tags.eight-number .tag{ width: 11%; margin-right: 1.5%;}
.product-item-text .tags.five-number .tag{ width: 17%; margin-right: 3%;}
.product-item-text .tags + .title{ margin-top: .4rem;}
.product-item-text .info + .title{ margin-top: .4rem;}


.product-item-tab1,.product-item-tab3{ width: 100%; max-width: 13.5rem; position: absolute; left: 50%; top: 0; z-index: 9; -webkit-transform: translate(-50%,-100%); -moz-transform: translate(-50%,-100%); -ms-transform: translate(-50%,-100%); -o-transform: translate(-50%,-100%); transform: translate(-50%,-100%);}
.product-item-tab1 .tab-item,.product-item-tab3 .tab-item{ position: relative; float: left; width: 50%; height: 1.98rem; font-size: .2rem; color: #989898; text-align: center; padding: .35rem 0; border-radius: .1rem; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-item-tab1 .tab-item i,.product-item-tab3 .tab-item i{ display: inline-block; font-size: .6rem; line-height: .65rem; margin-bottom: 20px;}
.product-item-tab1 .tab-item.active{ color: #00beff; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.product-item-tab1 .tab-item.active:after{ content: ""; position: absolute; left: 50%; bottom: -.6rem; margin-left: -.3rem; width: 0; height: 0; border: solid .3rem transparent; border-top-color: #fff;}
.product-item-tab1 .tab-item.active i{ color: #00beff;}

.product-item-tab2{ width: 4.15rem; margin-right: .7rem;}
.product-item-tab2 .tab-item + .tab-item{ border-top: dashed 1px #CCCCCC;}
.product-item-tab2 .tab-item{ position: relative; padding: .45rem 0 .45rem .25rem; cursor: pointer;}
.product-item-tab2 .tab-item .title{ position: relative; line-height: 25px; font-size: .18rem; color: #666; padding-left: .7rem; text-align: center;}
.product-item-tab2 .tab-item .title:before{ font-family: iconfont; font-size: .5rem; color: #999999; display: inline-block; width: .50rem; height: .5rem; line-height: .5rem; position: absolute; left: 0; top: 0;}
.product-item-tab2 .tab-item .title.yewu:before{ content: "\e649";}
.product-item-tab2 .tab-item .title.zichan:before{ content: "\e633";}
.product-item-tab2 .tab-item .title.caiwu:before{ content: "\e679";}
.product-item-tab2 .tab-item.active + .tab-item{ border-top: none;}
.product-item-tab2 .tab-item.active,.product-item-tab3 .tab-item.active{ color: #00beff; background: #fff; border-top: none;}
.product-item-tab2 .tab-item.active:before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: -.56rem; margin-top: -.28rem; border: solid .28rem transparent; border-left-color: #fff;}
.product-item-tab2 .tab-item.active .title:before{ color: #00beff;}

.product-item-tab3{ background: #fff; border-radius: .1rem; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); -moz-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.product-item-tab3 .tab-item{ overflow: hidden;}
.product-item-tab3 .tab-item + .tab-item:before{ content: ""; position: absolute; left: -1px; top: 10%; width: 0; height: 80%; border-left: dashed 2px #E6E5E6;}
.product-item-tab3 .tab-item.active:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: solid 2px #00beff;}

.product-banner:after{ content: ""; width: 100%; height: 100%; background: rgba(19,156,198,.7); position: absolute; left: 0; top: 0; z-index: 5;}
.product-banner-text{ position: absolute; left: 0; top: 50%; z-index: 9; width: 100%; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.product-banner-text .title{ font-size: .22rem; font-weight: normal; margin-bottom: .22rem;}
.product-banner-text .btn{ display: inline-block; width: 2.2rem; height: 0.46rem; background: #fff; border-radius: .23rem; line-height: .46rem; color: #00a2da; font-size: .2rem; letter-spacing: .08rem; cursor: pointer;}

/*联系我们*/
.contact-content{ max-width: 13.5rem; margin: 0 auto; padding: .56rem;}
.contact-form-box{ padding: .9rem .75rem .8rem; background: #fff url("../images/contact_contentBg01.png") no-repeat left bottom; overflow: hidden;}
.contact-form-left{ float: left; width: 5.8rem;}
.contact-form-left .title{ color: #666; font-size: .3rem; line-height: .45rem;}
.contact-form-left .title .name{ color: #3dcaf5;}
.contact-form-left .info{ margin: .45rem 0; font-size: 15px; line-height: 22px; color: #666;}
.contact-form-left .site-message{ font-size: 14px; color: #666;}
.contact-form-left .site-message h1{ font-weight: normal; font-size: 20px; margin-bottom: .22rem;}
.contact-form-left .site-message .item{ margin-bottom: .22rem; line-height: 16px;}
.contact-form-left .site-message .item i{ font-size: 14px; color: #3DCAF5; margin-right: .1rem;}
.contact-form-right{ float: right; width: 5.5rem; margin-top: .45rem;}
.contact-form-right .title{ color: #666; font-size: .3rem; margin-bottom: .45rem; line-height: .45rem;}

.contact-form-item{ background: #F3F3F3; padding: .10rem; border: solid 1px #F3F3F3; margin-bottom: 12px; -webkit-transition: border 300ms; -moz-transition: border 300ms; -ms-transition: border 300ms; -o-transition: border 300ms; transition: border 300ms;}
.contact-form-item input[type=text],.contact-form-item input[type=number],.contact-form-item textarea{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; height: .36rem; line-height: .36rem; border: none; background: none; outline: none; font-size: 14px;}
.contact-form-item input[type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contact-form-item textarea{ resize: none; height: 130px; line-height: 20px; font-family: "Microsoft yahei", "Helvetica Neue", sans-serif;}
.contact-form-submit{ display: block; width: 100%; height: .56rem; line-height: .56rem; border-radius: .28rem; cursor: pointer; text-align: center; background: #3DCAF5; color: #fff; font-size: 15px;}
.contact-form-warn{ display: none; line-height: 16px; margin-bottom: 12px; color: #f56c6c;}
.contact-form-item.noInput{ border-color: #f56c6c;}
.contact-form-item.noInput + .contact-form-warn{ display: block;}
/*关于我们*/
.about-tab{ height: .58rem; line-height: .58rem; background: #fff; font-size: 0; text-align: center;}
.about-tab-item + .about-tab-item{ margin-left: 20px;}
.about-tab-item{ position: relative; display: inline-block; color: #999; font-size: 14px; padding: 0 .20rem;}
.about-tab-item.active{ background: #3DCAF5; color: #fff;}
.about-tab-item.active:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: solid 3px #F39800;}

.news-tab{ text-align: center; font-size: 0; margin: .4rem 0 1rem;}
.news-tab-item + .news-tab-item{ border-left: none;}
.news-tab-item{ display: inline-block; font-size: 15px; height: .46rem; line-height: .46rem; border: solid 1px #CBC8C6; padding: 0 .6rem; color: #333;}
.news-tab-item.active{ background: #3DCAF5; color: #fff; border-color: #3DCAF5;}

.about-growth-process{ position: relative;}
.about-growth-process:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: rgba(33,33,33,.5);}
.about-growth-process-con{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%;}
.about-growth-process-con .title{ font-weight: normal; font-size: 30px; letter-spacing: .1rem; text-align: center; color: #ffffff; margin-top: .48rem;}

.about-intro{ padding: .5rem 0; line-height: 24px; color: #666;}
.about-intro h1{ font-size: 30px; color: #333; text-align: center; font-weight: normal; margin-bottom: .45rem; letter-spacing: .04rem;}
.about-intro p{ margin-bottom: 30px;}
.about-corporate-culture{ background: #fff; padding: .9rem 0;}
.about-corporate-culture .title{ color: #333; font-size: 30px; line-height: 30px; font-weight: normal; text-align: center; margin-bottom: .7rem; letter-spacing: .08rem;}
.about-corporate-culture .spacing{ margin: 0 .1rem;}
.about-corporate-culture .content{ overflow: hidden;}
.about-corporate-culture .con-item{ width: 25%; float: left; text-align: center; padding: 0 .15rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-corporate-culture .con-item .icon{ display: inline-block; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; color: #fff; background: #3DCAF5; border-radius: 50%;}
.about-corporate-culture .con-item .icon i{ font-size: .8rem;}
.about-corporate-culture .con-item .name{ margin-top: .45rem; margin-bottom: .15rem; font-size: 20px; font-weight: normal; line-height: 20px; color: #333;}
.about-corporate-culture .con-item .info{ line-height: 24px; font-size: 15px; color: #666;}

.about-slide-container{ margin-top: .8rem;}
.about-slide-box{ position: relative;}
.about-slide-page .prev,.about-slide-page .next{ width: .26rem; height: .5rem; opacity: .4; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms;}
.about-slide-page .prev{ left: 0; background: url("../images/icon/index_case_arrow1.png") no-repeat; background-size: 100%;}
.about-slide-page .next{ right: 0; background: url("../images/icon/index_case_arrow2.png") no-repeat; background-size: 100%;}
.about-slide-page .prev:not(.disabled):hover,.about-slide-page .next:not(.disabled):hover{ opacity: 1;}
.about-slide-box{ padding: 0 .55rem;}
.about-slide-content{ overflow: hidden; font-size: 0;}
.about-slide-list{ white-space: nowrap; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms;}
.about-slide-item{ display: inline-block; width: 100%;}
.about-slide-line{ color: #fff; padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-slide-line-copy{ padding-right: .25rem; line-height: 16px; text-align: center;}
.about-slide-line-copy .date{ margin: 8px 0 .3rem; font-size: .3rem; line-height: .3rem;}
.about-slide-line-copy .explain{ padding: 0 2rem; font-size: .2rem; white-space: initial; line-height: .4rem;}
.about-slide-pagination{ width: 100%; height: 1.5rem; position: absolute; left: 0; bottom: 0;}
.about-slide-pagination-line{ height: .3rem; background: url("../images/about_wavyLine.png") top center repeat-x; background-size: auto 100%;}
.about-slide-slot{ width: 11.3rem; height: .3rem; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-slide-slot .slot-item{ position: relative; width: 9.090909%; height: 100%; float: left; text-align: center; color: #fff;}
.about-slide-slot .slot-item-box{ position: absolute; left: 50%; bottom: -.18rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.about-slide-slot .slot-icon{ height: 36px; line-height: 36px;}
.about-slide-slot .slot-circle{ position: relative; display: inline-block; width: 8px; height: 8px; background: #3DCAF5; border: solid 2px #fff; border-radius: 50%;}
.about-slide-slot .year{ font-size: .16rem; line-height: 20px; margin-bottom: 2px;}
.about-slide-slot .slot-item:nth-child(even) .slot-item-box{ top: auto; bottom: .07rem;}
.about-slide-slot .slot-item.active .year{ font-size: .2rem;}
.about-slide-slot .slot-item.active .slot-circle:after,.about-slide-slot .slot-item.active .slot-circle:before{ content: ""; width: 40px; height:40px; border: solid 1px #3DCAF5; opacity: .5; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); animation: radar 800ms infinite;}
.about-slide-slot .slot-item.active .slot-circle:before{ width: 20px; height: 20px; animation: radar2 800ms infinite;}

.news-istop{ max-width: 13.5rem; margin: 0 auto; background: #fff; overflow: hidden;}
.news-istop-image,.news-istop-text{ width: 50%; float: left;}
.news-istop-image img{ width: 100%;}
.news-istop-text{ position: relative;}
.news-istop-text .more{ display: inline-block; padding: 0 .3rem; height: .36rem; line-height: .36rem; border-radius: .18rem; font-size: .14rem; margin-top: .2rem; background: #000000; color: #fff; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -ms-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms;}
.news-istop-text .more i{ margin-left: 5px; font-size: .14rem;}
.news-istop-text .more:hover{ background: #3DCAF5;}
.news-istop-con{ padding: .3rem .3rem 0 .5rem;}
.news-istop-con .time{ font-size: 12px; line-height: 12px; margin-bottom: .36rem; color: #666;}
.news-istop-con .title{ position: relative; font-size: .24rem; line-height: .3rem; padding-bottom: .15rem; margin-bottom: .15rem;}
.news-istop-con .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 0; border-bottom: solid 2px #666;}
.news-istop-con .info{ color: #666; font-size: .13rem; line-height: 20px;}

.news-list-box{ overflow: hidden;}
.news-list{ overflow: hidden; margin-right: -.8rem; padding-bottom: .5rem; padding-top: .5rem;}
.news-list-item{ display: block; width: 33.333333%; float: left; padding-right: .8rem; padding-top: .96rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-list-item .content{ position: relative;}
.news-list-item .time{ width: .9rem; height: .9rem; background: #E8E8E8; color: #666; position: absolute; right: 0; top: -.4rem; text-align: center; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -ms-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms;}
.news-list-item .time .day{ font-size: .42rem; line-height: .42rem; padding-top: .12rem;}
.news-list-item .time .year-month{ font-size: .14rem; line-height: .14rem; margin-top: .1rem;}
.news-list-item .image{ position: relative; width: 100%; padding-bottom: 50%;}
.news-list-item .image-con{ position: absolute; width: 100%; height: 100%; overflow: hidden;}
.news-list-item .image-con img{ width: 100%; height: 100%; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms; transition: transform 300ms;}
.news-list-item .title{ font-size: 18px; line-height: 18px; color: #333; margin-top: .2rem; margin-bottom: .20rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color 300ms, font-size 300ms; -moz-transition: color 300ms, font-size 300ms; -ms-transition: color 300ms, font-size 300ms; -o-transition: color 300ms, font-size 300ms; transition: color 300ms, font-size 300ms;}
.news-list-item .info{ color: #666; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.news-list-item .more{ display: inline-block; padding: 0 16px; height: 22px; line-height: 22px; border: solid 1px #D0CECC; color: #666; font-size: 12px; border-radius: 12px; margin-top: .24rem; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -ms-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms;}
.news-list-item .more i{ font-size: 12px;}
.news-list-item:hover .title{ color: #3DCAF5;}
.news-list-item:hover .time{ background: #3DCAF5; color: #fff;}
.news-list-item:hover .more{ border-color: #3DCAF5; background: #3DCAF5; color: #fff;}
.news-list-item:hover .image-con 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);}

.news-details-box .title{ text-align: center; color: #333; font-size: .23rem; line-height: 1.6em; padding-top: .45rem; font-weight: normal;}
.news-details-msg{ color: #999; font-size: 12px; text-align: center; border-bottom: solid 1px #E6E6E6;}
.news-details-msg span{ padding: 0 .15rem; height: .45rem; line-height: .45rem;}
.news-details-box .content{ color: #666; margin-top: .5rem; padding-bottom: 1rem;}
.news-details-box .content p{ font-size: 14px; margin-bottom: 30px; line-height: 24px;}
.news-details-box .content img{ display: block; margin: .3rem auto;}
.news-details-page{ border-top: solid 1px #E6E6E6; line-height: 24px; padding-top: 10px; padding-bottom: .5rem;}
.news-details-page a{ display: block; font-size: 12px; color: #666;}
.news-details-page a span{ color: #333;}
.news-details-page a:hover{ color: #3DCAF5;}
.main-page-box{ font-size: 0; text-align: center; margin-top: .6rem; margin-bottom: .6rem;}
.main-page-box li + li{ margin-left: 10px;}
.main-page-box li{ display: inline-block; color: #666; font-size: 13px; line-height: 32px; width: 32px; text-align: center; border-radius: 4px; cursor: pointer;}
.main-page-box li:hover{ color: #3DCAF5;}
.main-page-box li:first-child,.main-page-box li:last-child{ width: auto; padding: 0 15px;}
.main-page-box li.active{ color: #fff; background: #3DCAF5;}
.main-page-box li[disabled]:hover,.main-page-box li[disabled]{ color: #bbb;}
.news-details-handle{ display: none; text-align: center; margin-bottom: 50px; font-size: 0;}
.news-details-handle .btn-item + .btn-item{ margin-left: 20px;}
.news-details-handle .btn-item{ display: inline-block; font-size: 14px;}
.news-details-handle i{ font-size: 14px;}

/**/
.solution-tab-box{ padding-top: .7rem;}
.solution-tab-title{ text-align: center;}
.solution-tab-title .title{ font-size: .3rem; color: #333; margin-bottom: .08rem; font-weight: normal;}
.solution-tab-title .info{ font-size: .2rem; line-height: .24rem; color: #666;}
.solution-tab-list{ margin-top: .35rem; background: #fff; text-align: center;}
.solution-tab-item{ position: relative; display: inline-block; height: .56rem; line-height: .56rem; color: #999; font-size: .16rem; padding: 0 .3rem; margin: 0 .3rem; cursor: pointer;}
.solution-tab-item.active{ background: #3DCAF5; color: #fff;}
.solution-tab-item.active:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: solid 3px #f39800;}
.solution-tab-con{ margin-top: .35rem; overflow: hidden;}
.solution-type{ overflow: hidden; padding-top: .3rem;}
.solution-type .type-item{ position: relative; width: 50%; float: left; color: #666; margin-bottom: .7rem; text-align: left; padding-left: .75rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.solution-type .type-item i{ display: block; width: .54rem; height: .54rem; text-align: center; font-size: .4rem; line-height: .54rem; border: solid 1px #666; border-radius: 50%; position: absolute; left: 0; top: 0;}
.solution-type .type-item .name{ font-size: .22rem; line-height: .24rem; margin-bottom: .12rem;}
.solution-type .type-item .info{ font-size: .18rem; line-height: .2rem;}
.solution-action{ overflow: hidden; margin-right: -.62rem; text-align: left;}
.solution-action .action-item{ width: 25%; float: left; padding-right: .62rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.solution-action .action-item .title{ color: #3dcaf5; border-bottom: solid 1px #3dcaf5; font-size: .2rem;}
.solution-action .action-item .info{ color: #666; font-size: .16rem; line-height: .28rem; height: 1.5rem; padding-top: .2rem;}
.solution-action .action-item i{ font-size: .3rem; vertical-align: middle; margin-right: .15rem;}
.solution-sell{ overflow: hidden;}
.solution-sell-step{ overflow: hidden; padding: .3rem 0 .9rem; text-align: center;}
.solution-sell-step .step-item{ width: 25%; float: left;}
.solution-sell-step .step-item:hover .title{ color: #3dcaf5;}
.solution-sell-step .step-item .icon{ display: inline-block; margin-bottom: .24rem; width: .7rem; height: .7rem;}
.solution-sell-step .step-item .title{ position: relative; border-top: solid 1px #D3D3D3; font-size: .18rem; line-height: .2rem; color: #666; padding-top: .3rem;}
.solution-sell-step .step-item .number{ position: absolute; left: 50%; top: -.11rem; margin-left: -.11rem; width: .20rem; height: .20rem; line-height: .20rem; font-size: .14rem; border-radius: 50%; border: solid 1px #D3D3D3; background: #F2F2F2; color: #999;}
.solution-sell-block{ text-align: left; padding-bottom: .9rem;}
.solution-sell-block .block-item + .block-item{ margin-left: .15rem;}
.solution-sell-block .block-item{ background: #fff; border: solid 1px #E3E3E3; border-radius: 6px; padding: 0 .35rem .3rem;}
.solution-sell-block .block-item .title{ font-size: .2rem; line-height: .24rem; margin: .28rem 0; color: #333;}
.solution-sell-block .block-item .explain{ color: #777; font-size: .14rem; line-height: .26rem;}
.solution-store{ background: #fff; padding: .7rem 0 .35rem;}
.solution-store-image{ margin: .6rem 0;}
.solution-store-action{ overflow: hidden; background: #60CAEE; color: #fff; padding: .5rem .4rem; border-radius: 8px;}
.solution-store-action-item{ width: 20%; float: left;}
.solution-store-action-item .title{ font-size: .2rem; margin-bottom: .12rem;}
.solution-store-action-item .title i{ font-size: .3rem; vertical-align: middle; margin-right: .1rem;}
.solution-store-action-item ul li{ line-height: .3rem;}
.solution-store-manage{ padding: .85rem 0 .9rem;}
.solution-store-manage .main-item{ margin-top: .4rem;}
.solution-store-manage-list + .solution-store-manage-list{ border-left: none;}
.solution-store-manage-list{ padding: .4rem .2rem; border: solid 1px #E3E3E3; background: #fff; text-align: center;}
.solution-store-manage-list i{ color: #00BEFF; font-size: .8rem; line-height: .8rem;}
.solution-store-manage-list .name{ margin: .35rem 0; font-size: .22rem; line-height: .24rem; color: #333;}
.solution-store-manage-list .explain{ color: #666; font-size: .14rem; line-height: 24px; text-align: left;}
.solution-store-manage-list:hover{ background: #3DCAF5;}
.solution-store-manage-list:hover i,.solution-store-manage-list:hover .name,.solution-store-manage-list:hover .explain{ color: #fff;}

/*案例*/
.case-client-title{ font-size: .28rem; line-height: .3rem; color: #333; margin-bottom: .36rem; text-align: center;}
.case-slide{ padding: .66rem 0 .85rem; background: #fff;}
.case-slide-container{ position: relative; max-width: 13.5rem; margin: 0 auto; padding: 0 .8rem;}
.case-slide-box{ position: relative; overflow: hidden;}
.case-slide-content{ position: relative; white-space: nowrap; font-size: 0; -webkit-transition: transform 300ms; -moz-transition: transform 300ms; -ms-transition: transform 300ms; -o-transition: transform 300ms;
  transition: transform 300ms;}
.case-slide-item{ position: relative; display: inline-block; width: 100%; vertical-align: top; padding-right: 3.65rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #434342;}
.case-slide-image{ position: relative;}
.case-slide-image img{ width: 100%;}
.case-slide-item .handle{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: .4rem; line-height: .4rem; color: #fff; padding: 0 .15rem; background: rgba(0,0,0,.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.case-slide-item .handle i + i{ margin-left: .2rem;}
.case-slide-item .handle i{ cursor: pointer; font-size: .2rem; vertical-align: middle;}
.case-slide-text{ width: 3.65rem; max-height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; text-align: center;}
.case-slide-text img{ max-height: .85rem; max-width: 80%; margin: .54rem 0 .48rem;}
.case-slide-text .text{ padding: 0 .2rem .2rem; overflow: hidden; font-size: 12px; line-height: .24rem; color: #fff; text-align: left; white-space: initial; word-break: break-all;}
.case-slide-page .arrow-left,.case-slide-page .arrow-right{ width: .37rem; height: .66rem; position: absolute; top: 50%; margin-top: -.33rem; z-index: 9; cursor: pointer;}
.case-slide-page .arrow-left{ left: 0; background: url("../images/icon/case_slide_arrow1.png"); background-size: 100% 100%;}
.case-slide-page .arrow-right{ right: 0; background: url("../images/icon/case_slide_arrow2.png"); background-size: 100% 100%;}
.case-slide-active{ position: absolute; left: 0; bottom: 64px; z-index: 9; width: calc(100% - 3.65rem); text-align: center;}
.case-slide-active ul{ display: inline-block; font-size: 0;}
.case-slide-active ul li + li{ margin-left: 10px;}
.case-slide-active ul li{ display: inline-block; font-size: 12px; width: 20px; height: 20px; line-height: 20px; background: rgba(0,0,0,.3); color: #fff; border-radius: 50%;}
.case-slide-active ul li.active{ background: rgba(61,202,245,3);}
.case-slide-handle{ margin-top: 20px; margin-bottom: 0;}
.case-client-list{ overflow: hidden; padding: .54rem 0 .8rem;}
.case-client-list .client-item{ position: relative; width: 14.285714%; float: left; user-select: none;}
.case-client-list .client-item .content{ border: solid 1px #EFEFEF; background: #fff; height: 1.2rem; line-height: 1.2rem; padding: 0 .22rem; text-align: center;}
.case-client-list .client-btn{ display: none;}
.case-client-list .client-btn .content{ background: #fff url("../images/icon/icon_add.png") no-repeat center; background-size: .55rem; cursor: pointer;}
.case-client-list .client-item .content img{ user-select: none; display: inline-block; vertical-align: middle; max-height: 80%;}
.case-client-list .handle{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}

/*分页*/
.main-page{ text-align: center; margin-bottom: 50px;}
.main-page .el-pagination .btn-next, .main-page .el-pagination .btn-prev, .main-page .el-pager li{ background: none; font-size: 16px;}
.main-page .el-pagination .el-icon{ font-size: 16px;}

/*管理员登录显示操作*/
.main-administrator .news-details-handle,.main-administrator .case-slide-item:hover .handle{ display: block;}
.main-administrator .client-item{ cursor: pointer;}
.main-administrator .client-item .handle i + i{ margin-left: .3rem;}
.main-administrator .client-item .handle i{ font-size: .24rem;}
.main-administrator .client-item:hover .handle{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.2rem; text-align: center; color: #fff; background: rgba(0,0,0,.5);}
.main-administrator .client-btn{ display: block;}

/*关于我们-成长历程当前激活动画*/
@keyframes radar{
  from{  width: 0; height: 0;}
  to{ width: 50px; height: 50px;}
}
@-moz-keyframes radar{
  from{  width: 0; height: 0;}
  to{ width: 50px; height: 50px;}
}
@-webkit-keyframes radar{
  from{  width: 0; height: 0;}
  to{ width: 50px; height: 50px;}
}
@-o-keyframes radar{
  from{  width: 0; height: 0;}
  to{ width: 50px; height: 50px;}
}
@keyframes radar2{
  from{  width: 0; height: 0;}
  to{ width: 30px; height: 30px;}
}
@-moz-keyframes radar2{
  from{  width: 0; height: 0;}
  to{ width: 30px; height: 30px;}
}
@-webkit-keyframes radar2{
  from{  width: 0; height: 0;}
  to{ width: 30px; height: 30px;}
}
@-o-keyframes radar2{
  from{  width: 0; height: 0;}
  to{ width: 30px; height: 30px;}
}



@media (max-width: 1100px ) {
  .main-header-menu .menu-item{ font-size: 14px;}
  .contact-form-left,.contact-form-right{ float: initial; width: auto;}
  .contact-form-right{ margin-top: 50px;}
}
@media (max-width: 900px ) {
  .news-details-box .title{ font-size: .3rem;}
  .main-size-control{ padding-left: 15px; padding-right: 15px;}
  .main-header-menu .menu-item{ font-size: 12px;}
  .main-header-con .header-logo{ padding-left: .2rem;}
  .main-header-contact{ padding-right: .2rem;}
  .news-istop-image,.news-istop-text{ width: auto; float: initial;}/*新闻置顶内容*/
  .news-istop-image img{ width: 100%;}
  .news-istop-con{ padding: 20px 15px;}
  .solution-type .type-item{ width: 100%; float: initial;}
  .solution-store-action{ padding-bottom: 0;}
  .solution-store-action-item{ width: 33.333333%; margin-bottom: .5rem;}
  .index-news-container{ width: 95%;}
}

