@charset "utf-8";
/*清除默认样式*/
*{box-sizing: border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;font-family: "Microsoft Yahei"; }
body{font-size: 14px;color:#333;background: #fff;min-width: 1300px;}
 table{border-collapse:collapse; border-spacing:0; }
 fieldset,img{border:0; }
 address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal; }
 ol,ul{list-style:none; } caption{text-align:left; }
 h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; }
 q:before,q:after{content:''; }
 abbr,acronym{border:0; font-variant:normal; }
 sup{vertical-align:text-top; }
 sub{vertical-align:text-bottom; }
 input,textarea,select{font-family:Microsoft Yahei; font-size:inherit; font-weight:inherit; *font-size:100%; }
  input:focus,textarea:focus,select:focus{border-color:#0cf;outline: none;}
 legend{color:#000; }
b{font-weight: normal;}
i{font-style: normal;}
a{text-decoration: none;color:#333;cursor: pointer;}
a:hover{color:#00b0f0;text-decoration: underline;}
input{outline:none;}
img{max-width: 100%;}
.fl{float: left;}
.fr{float: right;}
.ml30{margin-left: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right:10px;}
.ml5{margin-left: 5px;}
.mr5{margin-right:5px;}
.ovh{overflow: hidden;}
.clearfix:after{content:""; display: block;clear: both;height: 0;}
.container-inner{width:1300px;margin:0 auto;}
input::-webkit-input-placeholder{color:#b5b4b4;}
input::-moz-placeholder{color:#b5b4b4;}
input:-moz-placeholder{color:#b5b4b4;}
input:-ms-input-placeholder{color:#b5b4b4; }
textarea::-webkit-input-placeholder{color:#bcbcbc;}
textarea::-moz-placeholder{color:#bcbcbc;}
textarea:-moz-placeholder{color:#bcbcbc;}
textarea:-ms-input-placeholder{color:#bcbcbc; }
::-webkit-scrollbar{width: 6px;height:6px;}
::-webkit-scrollbar-thumb{border-radius: 10px;background: #bbb;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);}
::-webkit-scrollbar-track{border-radius: 10px;background: #eee;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);}
.font-green{color:#01bb61;}
.font-orange{color:#fd4c05;}
.font-red{color:#d50707;}
.font-pink{color:#e37380;}
.font-lightgreen{color:#85cd3b;}

.i-ico{background: url("../images/icons/icon_main.png") no-repeat;width: 30px;height: 30px;display: inline-block;vertical-align: middle;}
.item-ico{background: url("../images/icons/item_icons.png") no-repeat;width: 60px;height: 60px;display: inline-block;vertical-align: middle;}
.b-btn{background: #00b0f0;height:35px;border:1px solid #00b0f0;border-radius:50px;color:#fff;font-size: 14px;display: inline-block;text-align: center;line-height:33px;padding:0 24px;}
.b-btn:hover{background: #fff;color:#00b0f0;text-decoration: none;}
.b-orange{background: #f1481a;border-color:#f1481a;}
.b-orange:hover{background: #fff;color:#f1481a;}
.b-blue-primary{color:#00b0f0;background: #fff;}
.b-blue-primary:hover{background: #00b0f0;color:#fff;}

/* head foot */
.g-header{height: 80px;position: fixed;top:0;left:0;right:0;z-index: 100;}
.g-headersite{height: 80px;position: fixed;z-index:1;top:0;left:0;right:0;background: #00b0f0;}
.g-header .c-logo{padding-top: 16px;}
.g-header .c-navbar{line-height: 64px;height: 64px;padding-top: 16px;}
.g-header .c-navbar ul{float: left;}
.g-header .c-navbar ul+ul{padding-left:16px;margin-left: 16px;position: relative;}
.g-header .c-navbar ul+ul:before{content:"";height: 17px;width: 1px;background: #fff;display: block;position: absolute;left: 0;top:50%;margin-top: -8px;}
.g-header .c-navbar li{margin: 0 15px;float: left;}
.g-header .c-navbar li>a{font-size: 16px;color:#fff;line-height: 30px;padding-bottom: 11px;}
.g-header .c-navbar li:hover>a,.g-header .c-navbar li.cur>a{text-decoration: none;border-bottom: 3px solid #fff;}
.g-header .c-navbar .c-navchildren{position: absolute;right:0;top:64px;z-index: 100;background:#f8f9fe;line-height: 30px;padding:30px 28px 22px;display: none;border:1px solid #dfe0e5;}
.g-header .c-navbar li:hover .c-navchildren{display: block;}
.g-header .c-childreninner{margin:0 auto;}
.g-header .c-childreninner dl{float: left;padding: 0 10px;min-width: 178px;}
.g-header .c-childreninner dt{margin-bottom:8px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;line-height: 30px;}
.g-header .c-childreninner dt a{font-size: 16px;line-height: 24px;display:inline-block;color:#00b0f0;}
.g-header .c-childreninner dd{padding: 6px 0 6px 24px;}
.g-header .c-childreninner dd a{font-size: 14px;line-height: 24px;display:inline-block;color:#666;}
.g-header .children-product{width:900px;}
.g-header .children-solution{width:790px;}
.g-header .children-about{width:592px;}
.g-header .c-childreninner dt .i-ico{width:25px;height: 20px;margin-right:4px;vertical-align: -4px;}
.g-header .i-product01{background-position:0 -240px;}
.g-header .i-product02{background-position:-60px -240px;}
.g-header .i-product03{background-position:-120px -240px;}
.g-header .i-product04{background-position:-180px -240px;}
.g-header .i-solution01{background-position:1px -600px;}
.g-header .i-solution02{background-position:-58px -240px;}
.g-header .i-solution03{background-position:-177px -240px;}
.g-header .i-solution04{background-position:-60px -600px;}
.g-header .i-solution05{background-position:-118px -600px;}
.g-header .i-solution06{background-position:-177px -600px;}
.g-header .i-solution07{background-position:-239px -600px;}
.g-header .i-solution08{background-position:-297px -600px;}
.g-header .i-solution09{background-position:-358px -600px;}
.g-header .i-solution10{background-position:-418px -600px;}
.g-header .i-solution11{background-position:-118px -240px;}
.g-header .i-solution12{background-position:-480px -600px;}
.g-header .i-about01{background-position:0 -240px;}
.g-header .i-about02{background-position:-60px -240px;}
.g-header .i-about03{background-position:-120px -240px;}
.g-header .i-about04{background-position:-180px -240px;}
.g-footer{background: #22252a;color:#fff;font-size: 14px;}
.g-footer a{color:#fff;font-size: 14px;}
.g-footer .foot-main{padding:52px 0 46px;}
.leftbar{width: 305px;border-right: 1px solid #909090;}
.leftbar .c-tel img{width:40px;height: 42px;margin-right: 14px;float: left;}
.leftbar .c-tel div{color:#b7b7b7;line-height: 16px;}
.leftbar .c-tel p{font-size:26px;color:#fff;line-height:30px;}
.leftbar li{float: left;width:115px;padding: 0 9px; margin: 20px 10px 0;}
.leftbar li img{border:1px solid #848485;background: #fff;}
.leftbar li p{font-size: 12px;text-align: center;line-height:30px;}
.leftbar li .b-btn{display: block;margin: 5px 0 15px;padding:0 18px;height: 32px;line-height: 30px;}
.leftbar li .b-orange{background: none;border-color:#fff;}
.leftbar li .b-btn:hover{background: none;border-color:#fff;color:#fff;}
.rightbar dl{float: left;margin:-12px 85px 0 75px;line-height: 34px;}
.rightbar dt{font-size: 14px;height: 38px;}
.rightbar dd a{color:#999;font-size: 12px;}
.rightbar dd a.font-orange{color:#fd4c05;}
.g-footer .foot-bottom{padding: 25px 0 ;line-height: 24px;border-top: 1px solid #909090;text-align:center;}
.foot-link{background: #28282a;border-top: 1px solid #626262;padding:5px 0;}
.foot-link dl,.foot-link dl a{line-height: 28px;overflow: hidden;}
.foot-link dt{float:left;}
.foot-link dd{margin-right:45px;float:left;}
.foot-bottom span a i{display: inline-block;width: 18px;height: 20px;margin: 0 7px 0 0;background: url("../images/records_ico.png") no-repeat center;vertical-align: -5px;}
/* banner */
.g-banner {position: relative;min-height:80px;color:#fff;}
.g-banner .swiper-container{height:480px;}
.g-banner .swiper-slide{padding-top: 80px;}
.g-banner .swiper-slide .container-inner{position: relative;height: 100%;}
.g-banner .swiper-slide dl{position: absolute;left: 34px;top:50%;transform: translateY(-50%);}
.g-banner .swiper-slide dt{font-size: 46px;line-height: 72px;margin-bottom: 16px;}
.g-banner .swiper-slide dt div{font-size: 40px;line-height: 56px;}
.g-banner .swiper-slide dd{font-size: 24px;line-height: 40px;opacity: .7;}
.g-banner .swiper-slide .banner-btn{opacity: 1;}
.g-banner .swiper-slide .banner-btn a{display:inline-block;height:46px;padding: 0 39px;font-size:18px;border-radius: 100px;margin-top: 36px;color:#00b0f0;border:1px solid #fff;background: #fff;}
.g-banner .swiper-slide .banner-btn a:hover{background: none;color:#fff;text-decoration: none;border-color: #fff;}
.g-banner .swiper-pagination { bottom:24px;text-align: center;left:0;right:0;}
.g-banner .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px;width:10px;height:10px;opacity:1;border-radius: 5px;background: none;border:1px solid #fff;}
.g-banner .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #fff;}
.g-banner.special{color: #00b0f0;}
.g-banner.special .swiper-slide .banner-btn a{background: #00b0f0;color:#fff;border-color: #00b0f0;}
.g-banner.special .swiper-slide .banner-btn a:hover{background: none;color:#00b0f0;text-decoration: none;}
.g-banner.index-banner .swiper-container{height: 580px;}
/* 分页 */
.pagebar{padding:44px 0 0;text-align: center;}
.pagebar .page-inner{display: inline-block;}
.pagebar a,.pagebar span,.pagebar em,.pagebar i{border:1px solid #e9e9e9;width: 40px;height: 40px;line-height: 40px;box-sizing: border-box;font-size: 14px;color:#666;float:left;border-radius: 4px;margin-left: 6px;}
.pagebar a.cur,.pagebar a:hover,.pagebar em.cur,.pagebar span:hover{background: #00b0f0;color:#fff;border-color: #00b0f0;text-decoration: none;}
.pagebar input{width:50px;}
.pagebar .pagelist{overflow:hidden;display: inline-block;}
.pagebar .disabled,.pagebar .disabled:hover{background:#eee;border-color: #eee;cursor: default;pointer-events: none;}

.m_total_list{line-height: 40px;margin: 0 auto;text-align: center;color: #848484;display: inline-block;padding:0 10px;}
.m_total_list em,.m_total_list i,.m_total_list span a{padding:0 15px;border: 1px solid #ddd;margin: 0 3px;color: #666;line-height:38px;display: inline-block;border-radius: 4px;float: left;}
.m_total_list u{float: left;}
.m_total_list em{border-color: #00b0f0;background: #00b0f0;color: #fff;}
.m_total_list span a:hover,.m_total_list i a:hover{color: #00b0f0;}
.m_total_list b{padding: 0 0 0 12px;font-weight: normal;}
.m_total_list b strong{margin: 0px 5px;color: #00b0f0;}

/* 分享 */
.share-ico{background: url(../images/icons/icon_share.png) no-repeat;width: 36px;height: 36px;display:block;}
.share-wechat .share-ico{background-position: -60px 0;}
.share-QQzone .share-ico{background-position: -180px 0;}
.share-sina .share-ico{background-position: -120px 0;}
.mode-share{padding: 16px 0;}
.mode-share dt{float: left;color:#555;line-height: 36px;}
.mode-share .share-item{position: relative;width: 36px;height: 36px;float: left;margin-left: 13px;font-size: 12px;line-height: 24px;cursor: pointer;}
.mode-share .share-codepop{width: 140px;position: absolute;bottom: 51px;left:-52px;border:1px solid #ddd;background:#fff;text-align: center;padding: 15px;display: none;}
.mode-share2{padding: 0;position: relative;z-index: 1;}
.mode-share2 .share-nav{color:#555;display: block;}
.mode-share2 .share-nav:hover{text-decoration: none;;}
.mode-share2 .share-nav .share-ico{width:15px;height:15px;display:inline-block;vertical-align: middle;margin-right: 5px;}
.mode-share2 dl{border:1px solid #ddd;position: absolute;top:36px;left:50%;margin-left:-33px;padding: 3px 15px 17px;background:#fff;display: none;}
.mode-share2.active dl{display: block;}
.mode-share2 dl:after{content:"";display: block;width: 10px;height: 10px;position: absolute;top:-6px;left:50%;margin-left: -3px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;transform: rotate(45deg);background:#fff;}
.mode-share2 .share-item{position: relative;width: 36px;height: 36px;margin-top:14px;font-size: 12px;line-height: 24px;cursor: pointer;}
.mode-share2 .share-codepop{width: 140px;position: absolute;top: -18px;right:-155px;border:1px solid #ddd;background:#fff;text-align: center;padding: 15px;display: none;}
.mode-share2 .share-codepop p{margin-top: 8px;}

/* 弹窗 */
.c-popgray{background: rgba(0,0,0,.5);position: fixed;left:0;top:0;bottom:0;right:0;z-index: 1000;display:none;}
.c-popwin{position: fixed;left:0;top:0;bottom:0;right:0;margin:auto;width:680px;height:540px;padding-top: 50px;background:#fff;z-index: 1000;display:none;}
.c-popwin .pop-head{position: absolute;top: 0;left:0;right:0;height: 49px;line-height: 9px;padding:0 20px;background: #f8f8f8;border-bottom: 1px solid #e5e5e5;}
.c-popwin .pop-head h4{font-size: 14px;color:#333;line-height: 49px;}
.c-popwin .pop-head .pop-close{background:url(../images/icons/icon_main.png) no-repeat -478px 2px;width:16px;height:16px;position: absolute;top:50%;right:20px;margin-top: -8px;display: block;}
.c-popwin .pop-main{height:100%;overflow-y: auto;}
.c-popwin .pop-inner{padding:30px;}

/* 表单 */
.form-item{padding:7px 0;}
.form-item .item-label{width: 90px;text-align: right;line-height: 36px;float: left;font-size: 14px;}
.form-item .item-label .font-red{color:#f00;margin-right:5px;}
.form-item .item-for{margin-left:110px;line-height: 36px;padding-right: 43px;}
.form-btns{text-align: center;padding: 25px 0 23px;}
.form-btns .b-btn{padding:0 66px;height: 43px;line-height: 41px;margin: 0 5px;}
.form-input{width: 100%;border:1px solid #e5e5e5;padding:0 17px;border-radius: 2px;line-height: 34px;height: 36px;;}
.form-textarea{width: 100%;border:1px solid #e5e5e5;padding:5px 17px;border-radius: 2px;line-height: 24px;height:94px;resize: none;}
.form-file .item-for{position: relative;}
.form-file .b-btn{border-radius: 0;right: 0;position: absolute;}
.form-nolabel .item-for{margin:0 17px;padding-right:0;}
.form-nolabel .flex{display: flex;}
.form-nolabel .flex .item-for{flex: 1;}
/* tab切换 */
.tab-head{margin:20px -17px 50px;overflow: hidden;text-align: center;position: relative;z-index: 1;}
.tab-head ul{display: inline-block;overflow: hidden;}
.tab-head li{float:left;padding:0 17px;}
.tab-head li a{color:#888;font-size: 18px;line-height: 58px;border:1px solid #dcdcdc;display: block;background: #fff;}
.tab-head li.cur a,.tab-head li a:hover{background: #00b0f0;color:#fff;text-decoration: none;}
.tab-head-primary{margin:20px 0 50px;border-bottom: 1px solid #ddd;}
.tab-head-primary li{padding:0 30px;}
.tab-head-primary li a{color:#333;line-height:30px;border:none;border-bottom:3px solid transparent;padding-bottom: 11px;background: none;}
.tab-head-primary li.cur a,.tab-head-primary li a:hover{background:none;border-color: #00b0f0;color:#00b0f0;text-decoration: none;}
.tab-content{display: none;overflow: hidden;}
.tab-content.cur{display: block;}

/* swiper module items */
.g-container .swiper-button-next,.g-container .swiper-button-prev{background: url(../images/icons/swiper_btn.png) no-repeat;}
.g-container .swiper-button-prev,.g-container .swiper-button-prev{left:0;background-position: 3px 4px;}
.g-container .swiper-button-prev:hover,.g-container .swiper-button-prev:hover{background-position: 3px -46px;}
.g-container .swiper-button-next,.g-container .swiper-button-next{right:0;background-position: -47px 4px;}
.g-container .swiper-button-next:hover,.g-container .swiper-button-next:hover{background-position: -47px -46px;}
.module-items{position: relative;text-align: center;}
.module-items .swiper-container{height: 156px;}
.module-items .item-ico{width:60px;height: 60px;}
.module-items .swiper-button-next,.module-items .swiper-button-prev,.module-items03 .swiper-button-next,.module-items03 .swiper-button-prev{background: url(../images/icons/swiper_btn.png) no-repeat;display: none;}
.module-items .swiper-button-prev,.module-items03 .swiper-button-prev{left:0;background-position: 3px 4px;}
.module-items .swiper-button-prev:hover,.module-items03 .swiper-button-prev:hover{background-position: 3px -46px;}
.module-items .swiper-button-next,.module-items03 .swiper-button-next{right:0;background-position: -47px 4px;}
.module-items .swiper-button-next:hover,.module-items03 .swiper-button-next:hover{background-position: -47px -46px;}
.module-items .swiper-slide{padding:0 10px;text-align: center;}
.module-items li{float: left;width:20%;padding:0 10px;}
.module-items .item-inner{border:1px solid #e5e5e5;padding: 29px 0;border-radius: 2px;background: #fff;transition: all .3s;}
.module-items .item-inner:hover{background: #00b0f0;border-color: #00b0f0;}
.module-items .item-inner p{margin:4px 0 0;padding: 0;font-size: 16px;line-height: 30px;color:#666;}
.module-items .item-inner:hover p{color:#fff;}
.module-items .item-inner dt{margin:20px 0 8px;font-size: 18px;line-height: 30px;}
.module-items .item-inner dd{font-size:14px;color:#888;line-height: 24px;}
.module-items .item-inner:hover dt{color:#fff;}
.module-items .item-inner:hover dd{color:rgba(255,255,255,.5);}
.module-items .b-btn{margin-top: 22px;padding:0 30px;}
.module-items .item-inner:hover .b-btn{background: #fff;color:#00b0f0;}
.module-items.navigation .swiper-container,.module-items03.navigation .swiper-container{margin: 0 36px;}
.module-items.navigation .swiper-button-next,.module-items.navigation .swiper-button-prev,.module-items03.navigation .swiper-button-next,.module-items03.navigation .swiper-button-prev{display: block;}
.module-items02 li{float: left;width:20%;padding:0 10px;text-align: center;}
.module-items02 .item-icobox{border-radius: 100%;border:1px solid #bbb;display:inline-block;transition: all .3s;padding: 24px;}
.module-items02 .item-inner:hover .item-icobox{background-color: #00b0f0;border-color: #00b0f0;}
.module-items02 .item-ico{width: 60px;height: 60px;}
.module-items02 .item-inner p{margin:10px 0 0;padding: 0;font-size: 16px;line-height: 30px;color:#666;}
.module-items03{position: relative;}
.module-items03 li{float: left;width:25%;padding:0 10px;text-align: center;}
.module-items03 .item-inner{border:1px solid #e5e5e5;padding:40px 22px 32px;border-radius: 2px;background: #fff;transition: all .3s;}
.module-items03 .item-inner:hover{background: #00b0f0;border-color: #00b0f0;}
.module-items03 .item-icobox{border-radius: 100%;border:1px solid #bbb;display:inline-block;transition: all .3s;padding:9px;background: #fff;}
.module-items03 .item-inner:hover .item-icobox{background-color: #fff;border-color: #00b0f0;}
.module-items03 .item-inner p{margin:10px 0 0;padding: 0;font-size: 16px;line-height: 30px;color:#666;}
.module-items03 .item-inner:hover p{color:#fff;}
.module-items03 .item-inner dt{margin:12px 0 5px;font-size: 18px;line-height: 30px;}
.module-items03 .item-inner dd{font-size:14px;color:#888;line-height: 24px;}
.module-items03 .item-inner:hover dt{color:#fff;}
.module-items03 .item-inner:hover dd{color:rgba(255,255,255,.5);}
.module-items03 .item-ico{width: 60px;height: 60px;}
.module-items04 li{float:left;width:33.33%;padding:15px 10px;}
.module-items04 .item-inner{border:1px solid #e5e5e5;padding:28px 25px 26px 40PX;border-radius: 2px;background: #fff;transition: all .3s;}
.module-items04 .item-inner:hover{background: #00b0f0;border-color: #00b0f0;}
.module-items04 .item-icobox{float:left;border-radius: 100%;border:1px solid #bbb;display:inline-block;transition: all .3s;padding:14px;background: #fff;}
.module-items04 .item-inner:hover .item-icobox{background-color: #fff;border-color: #00b0f0;}
.module-items04 .item-ico{float:left;width:60px;height: 60px;}
.module-items04 dl{margin-left:85px;}
.module-items04 .item-icobox+dl{margin-left:120px;}
.module-items04 dt{font-size:20px;line-height:30px;margin-bottom:8px;}
.module-items04 dd{height:48px;overflow: hidden;color:#888;line-height: 24px;}
.module-items04 .item-inner:hover dt{color:#fff;}
.module-items04 .item-inner:hover dd{color:rgba(255,255,255,.5);}