/* 头部 */
.header{ position:fixed; top:0; left:0; z-index:100; width:100%; height:67px; background:url("../images/header_bg_02.png") repeat;}
.header .logo{ display:inline; float:left; padding-top:20px;}
.header .login{ display: inline-block; margin-left:20px; padding-top:24px; color:#fff;}
.header .login a{ display:inline-block; margin:0 5px; color:#fff;}
.header .login a.blue_color{ color:#3ac1ff;}
.nav_list{ display:inline; float:right;}
.nav_list a{ display:inline-block; height:66px; line-height:66px; margin-left:48px; font-size:16px; color:#fff;}
.nav_list a:hover{ color:#ea5514;}
.nav_list a.active{ border-bottom:2px solid #ea5514; color:#ea5514;}

/* 轮播 */
.bannerlist_con{ overflow:hidden; position:relative; width:100%; height:655px;}
.bannerlist { overflow:hidden; position:relative;; width:100%; height:655px; background-color:#031e3b;}
.bannerlist .bannerlist_text{ position:absolute; top:252px; left:50%; margin-left:-349px;}
.bannerlist li{ display:none; position:absolute; top:0; left:0; width:100%; height:655px; background-repeat:no-repeat; background-position:top center;}
.bannerlist li.active{ display:block;}
.cirlist { position:absolute; bottom:25px; left:50%; z-index:10; margin-left:-44px; text-align:center; cursor:pointer;}
.cirlist li{ display:inline-block; width:12px; height:12px; border:1px solid #fff; border-radius:6px; margin:0 5px 0 5px; text-indent:-9999em; cursor:pointer; transition:all 0.5s linear 0s;}
.cirlist li.active{ border-color:#5ccdf5;}
.cirlist li:hover {transition: 0.8s; }


/* 解决方案 */
.solution_list{ overflow:hidden; padding:23px 0 125px;}
.solution_list li{ position:relative; z-index:2; float:left; width:230px; height:355px;}
.solution_list .img_bg{ width:100%; height:100%; transition:all 0.5s cubic-bezier(.23,1,.32,1);}
.solution_list .img_bg .img_mask{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
.solution_list .item_hover{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.solution_list .item_hover .icon_wrap{ width:75px; height:75px; margin:92px auto 0; transition:all 0.5s cubic-bezier(.23,1,.32,1);}
.solution_list .item_hover i{ display:inline-block; width:75px; height:75px; background:url("../images/solution_icon_14.png") no-repeat;}
.solution_list .item_hover i.jqdj_icon{ background-position:0 0;}
.solution_list .item_hover i.ddzh_icon{ background-position:-100px 0;}
.solution_list .item_hover i.zyjk_icon{ background-position:-206px 0;}
.solution_list .item_hover i.gjj_icon{ background-position:-310px 0;}
.solution_list .item_hover i.znsb_icon{ background-position:-421px 0;}
.solution_list .item_hover h5{ padding-top:40px; font-size:20px; color:#fff; transition:all 0.3s cubic-bezier(.23,1,.32,1);}
.solution_list .item_hover p{ position:absolute; top:355px; left:0; width:100%; line-height:27px; padding:0 37px; font-size:12px; color:#fff; transition:all 0.2s cubic-bezier(.23,1,.32,1);}
.solution_list li:hover{ z-index:3;}
.solution_list li:hover .img_bg{ transform:scale(1.2,1.2);}
.solution_list li:hover .img_mask{ opacity:1;}
.solution_list li:hover .item_hover .icon_wrap{ margin-top:21px;}
.solution_list li:hover .item_hover h5{ padding-top:20px;}
.solution_list li:hover .item_hover p{ top:155px; padding:0 17px;}

.serfeater_box{ height:632px; background:#131430 url("../images/serfeater_bg_04.jpg") no-repeat center;}
.serfeater_box .tit h2{ color:#fff;}
.serfeater_con{ overflow:hidden; position:relative; width:100%; height:315px; }
.serfeater_con .serfeater_bg{ position:absolute; top:0; left:0; z-index:0; width:100%; height:315px; background:url("../images/serfeater_bg.png") no-repeat -458px 0;}
.serfeater_con .serfeater_text{ position:relative; z-index:100; float:left; width:500px; height:316px; margin-left:80px;}
.serfeater_con .serfeater_text ul,.serfeater_con .serfeater_img ul{ position:absolute; top:0; left:0;}
.serfeater_con .serfeater_text li{ width:100%; height:316px; padding:54px 69px 0;}
.serfeater_text li h5{ height:46px; line-height:46px; margin-bottom:26px; font-size:28px; color:#fff;}
.serfeater_text li h5 i{ display:inline-block; width:46px; height:46px; margin-right:17px; background:url("../images/serfeater_icon.png") no-repeat; vertical-align:top;}
.serfeater_text li h5 i.dz_icon{ background-position:0 0;}
.serfeater_text li h5 i.wd_icon{ background-position:-56px 0;}
.serfeater_text li h5 i.xj_icon{ background-position:-110px 0;}
.serfeater_text li h5 i.cs_icon{ background-position:-164px 0;}
.serfeater_text li p{ line-height:40px; font-size:14px; color:#8587a9;}
.serfeater_con .serfeater_img{ position:relative; z-index:100; float:right; width:503px; height:319px; margin-right:80px; background-color:#131430;}
.serfeater_con .serfeater_img li{ width:100%; height:100%;}
.serfeater_tit{ clear:both; padding-left:242px;}
.serfeater_tit li{ display:inline; float:left; margin:54px 63px 0; padding:0 12px 11px; border-bottom:2px solid transparent; transition:all 0.3s ease 0s;}
.serfeater_tit li a{ font-size:16px; color:#fff;}
.serfeater_tit li.active{ border-bottom-color: #fff;}

/* 合作伙伴 */
.case_list{ overflow:hidden; padding:0 60px 20px; background-color:#fff;}
.case_list li{ display:inline; float:left; width:140px; height:46px; line-height:46px; margin:0 20px 50px; text-align:center;}
.case_list li img{ max-width:140px; max-height:46px;}
.blue_icon{ display: inline-block; background:url(../images/blue_icon.png);  vertical-align: middle;}

/* 内页banner */
.banner{ height:505px; background-repeat:no-repeat; background-position:center top;}

/* 产品与解决方案 */
.product_banner{ background-image: url(../images/product_banner.jpg);}
.product_box{ overflow: hidden;}
.product_item{ width:50%; float: left; position: relative; height:466px;}
.product_item .fl,.product_item .fr{ position: relative; width:600px;  text-align: center; z-index: 2;}
.product_item div li{ padding-bottom:105px;}
.product_item.grayBg{ background:#fbfbfb;}
.product_item .hover_bg{ position: absolute; width:100%; height:466px; background-image: url(../images/product_list_bg.png); z-index: 1; opacity: 0; transition:opacity 0.5s ease 0s;}
.product_item:hover .hover_bg{ opacity: 1;}
.product_item div h2{padding-top:80px; padding-bottom:50px; font-size:24px; color:#111;}
.product_item div h2 i{ width:33px; height:33px; margin-right:15px;}
.product_item div h2 i.talk{ background-position:0 0;}
.product_item div h2 i.command{ background-position:-55px 0;}
.product_item div h2 i.monitor{ background-position:-116px -3px;}
.product_item div h2 i.tools{ background-position:-175px -1px;}
.product_item div h2 i.device{ background-position:-235px -1px;}
.product_item div h2 i.service{ background-position:-299px 0;}
.product_item div p{ height:100px; margin-bottom:65px; font-size:16px; line-height:36px;}
.product_item div a{ display: inline-block; width:120px; height:37px; line-height: 35px; background:#3ac1ff; border-radius:4px;  color:#fff;}
.product_item div a:hover{ background:#20aaea;}

/* 集群对讲 */
.product_talk_banner{ background-image: url(../images/product_talk_banner.jpg); background-color:#00060d;}
.product_command_banner{ background-image: url(../images/product_command_banner.jpg); background-color:#00060d;}
.product_monitor_banner{ background-image: url(../images/product_monitor_banner.jpg);}
.product_tools_banner{ background-image: url(../images/product_tools_banner.jpg); background-color:#00041e;}
.product_device_banner{ background-image: url(../images/product_device_banner.jpg); background-color:#020c1a;}
.product_service_banner{ background-image: url(../images/product_service_banner.jpg); background-color:#00040f;}
.product_item01{ background:url(../images/product_talk_item1_bg.png) no-repeat center bottom; height:544px; font-size:20px; color:#111;)}
.product_item01 i{float: left; width:33px; height:33px; margin-right:10px;}
.product_item01 i.mobile{background-position:-5px -55px;}
.product_item01 i.wifi{background-position:-55px -54px;}
.product_item01 i.task{background-position:-116px -54px;}
.product_item01 i.Import{background-position:-176px -50px;}
.product_item01 i.alarm{background-position:-240px -49px;}
.product_item01 i.location{background-position:-301px -54px;}
.product_item01 i.video{background-position:0 -108px;}
.product_item01 i.group{background-position:-54px -108px;}
.product_item01 i.gis{background-position:-114px -106px;}
.product_item01 i.tool{background-position:-170px -106px;}
.product_item01 i.scheme{background-position:-231px -106px;}
.product_item01 i.service{background-position:-302px -106px;}
.product_item01 i.customization{background-position:0 -164px;}
.product_item01 i.data{background-position:-56px -164px;}
.product_item01 div{position: relative; padding-left:500px; padding-top:187px;}
.product_item01 div p{margin-bottom:20px;}
.product_item01 img{ position: absolute;}
.product_item01.talk img{ left:79px; top:134px;}
.product_item01.command img{ left:147px; top:167px;}
.product_item01.monitor img{ left:230px; top:184px;}
.product_item01.tools img{ left:88px; top:190px;}
.product_item01.device img{ left:251px; top:79px;}
.product_item01.service img{ left:39px; top:30px;}
.product_item2{height:643px;  background: url(../images/product_talk_item2.jpg) no-repeat fixed; background-size: cover;  color:#fff; font-size:20px;}
.product_item2 div h2{ color:#fff;}
.product_item2 .tit p{margin-top:25px; color:#81cdff;}
.product_item2 div li{ margin-bottom:45px; padding-left:359px;}
.product_item2 img{ vertical-align: sub; margin-right:30px;}
.product_item2.command{ background-image: url(../images/product_command_item2.jpg); height:641px;}
.product_item2.monitor{ background-image: url(../images/product_monitor_item2.jpg); height:643px;}
.product_item2.tools{ background-image: url(../images/product_tools_item2.jpg); height:643px;}
.product_item2.device{ background-image: url(../images/product_device_item2.jpg); height:562px;}
.product_item2.service{ background-image: url(../images/product_service_item2.jpg); height:562px;}

/* 服务与支持 */
.service_item01 p,.service_item02 p,.service_item03 p,.service_item04 p{ width:400px; font-size:14px; line-height:26px;}
.service_item01 h3,.service_item02 h3,.service_item03 h3,.service_item04 h3{ margin-bottom:34px; padding-top:170px; font-size:28px;}
.service_item01 h3{ padding-top:0;}
.service_banner{ background-image: url(../images/service_banner.jpg); height:490px;}
.service_item01{ background:url(../images/service_item01_bg.jpg) no-repeat bottom center #f0f1f3; height:490px;}
.service_item02{background:url(../images/service_item02_bg.jpg) no-repeat bottom center #fff; height:490px;}
.service_item03{ background:url(../images/service_item03_bg.jpg) no-repeat bottom center #f0f1f3; height:490px;}
.service_item04{ background:url(../images/service_item04_bg.jpg) no-repeat bottom center #fff; height:490px;}
.service_item01 .layout,.service_item03 .layout{padding-left:55px;}
.service_item02 .layout,.service_item04 .layout{padding-left:840px;}

/* 关于我们 */
.about_banner{ background-image:url("../images/about_banner.jpg");}
.companypro_box{ padding-bottom:58px; background:#f3f4f6 url("../images/about_item01_bg.jpg") no-repeat bottom center;}
.companypro_con .companypro_p{ line-height:27px; font-size: 14px; color:#000; text-indent:2em;}
.companypro_con .companypro_list{ padding-top:40px; overflow:hidden;}
.companypro_list li{ display:inline; float:left; width:381px; height:235px; margin-right:24px; border:1px solid #d1d1d1;}
.companypro_list li p{ width:100%; height:52px; line-height:52px; font-size:14px; color:#000; text-align:center;}
.companypro_list li .companypro_img{ overflow:hidden; width:100%; height:180px;}
.companypro_list li .companypro_img img{ max-width:100%; max-height:180px; transition:all 0.5s ease-out 0s;}
.companypro_list li:hover .companypro_img img{ transform:scale(1.1);}
.coretech_box,.servicesys_box{ background-color:#f7fafc;}
.coretech_con{ position:relative; width:100%; height:641px; background:url("../images/about_item02_bg.jpg") no-repeat top center;}
.coretech_con .coretech_p{ width:180px; padding-top:84px; margin-left:223px;}
.coretech_con .coretech_p p{ line-height:26px; font-size:16px; color:#000;}
.coretech_con .coretech_h{ width:141px; margin-left:452px; font-size:20px; color:#ff8201; text-align:center;}
.coretech_con .support{ margin-top:147px; margin-left:555px;}
.coretech_con .coretech_text{ position:absolute; width:185px;}
.coretech_con .coretech_text.techsupp{ top:407px; left:381px;}
.coretech_con .coretech_text.experiment{ top:337px; left:781px;}
.coretech_con .coretech_text h6{ padding-top:23px; line-height:27px;  font-size:16px; color:#ff8102;}
.coretech_con .coretech_text p{ line-height:27px; font-size:16px; color:#000;}
.servicesys_con p{ line-height:26px; font-size:14px; color:#000; text-align:center;}
.servicesys_list{ overflow:hidden; padding:58px 0 0;}
.servicesys_list li{ position:relative; z-index:2; float:left; width:25%; height:595px;}
.servicesys_list .img_bg{ width:100%; height:100%; transition:all 0.5s cubic-bezier(.23,1,.32,1);}
.servicesys_list .img_bg img{ width:100%; height:100%;}
.servicesys_list .img_bg .img_mask{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(20,28,56,0.7);}
.servicesys_list .item_hover{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.servicesys_list .item_hover .icon_wrap{ width:103px; height:103px; margin:195px auto 0; transition:all 0.5s cubic-bezier(.23,1,.32,1);}
.servicesys_list .item_hover i{ display:inline-block; width:103px; height:103px; background:url("../images/servicesys_icon_14.png") no-repeat;}
.servicesys_list .item_hover i.busiconsult_icon{ background-position:10px 0;}
.servicesys_list .item_hover i.inteservice_icon{ background-position:-160px 0;}
.servicesys_list .item_hover i.installdep_icon{ background-position:-330px 0;}
.servicesys_list .item_hover i.opersupport_icon{ background-position:-495px 0;}
.servicesys_list .item_hover h5{ padding-top:20px; font-size:20px; color:#fff; transition:all 0.5s cubic-bezier(.23,1,.32,1);}
.servicesys_list .item_hover .item_text{ position:absolute; top:395px; left:0; width:100%; transition:all 0.5s cubic-bezier(.23,1,.32,1); opacity:0;}
.servicesys_list .item_hover .item_text p{ line-height:27px; padding:0 37px; font-size:12px; color:#fff;}
.servicesys_list li:hover .img_mask{ opacity:1;}
.servicesys_list li:hover .item_hover .icon_wrap{ margin-top:98px;}
.servicesys_list li:hover .item_hover h5{ padding-top:20px;}
.servicesys_list li:hover .item_hover .item_text{ top:266px; padding:0 17px; opacity:1;}

/*注册登录*/
.register_body{ background:#f2f2f2;}
.register_box{ width:710px; margin:0 auto; margin-top:140px;}
.register_box h2{ color:#666; font-size:28px;}
.register_con{margin:18px 0 30px 0; padding:60px; padding-right: 10px; background:#fff; font-size:14px;}
.register_con li{ margin-bottom: 16px; padding-left:90px;color: #666;}
.ipt{width:440px; height:38px; padding:10px; border:1px solid #ccc; background:#fff; font-size:14px;}
.register_con label{ position:relative; display: inline-block; width: 90px; margin-left:-90px; padding-right: 5px; color:#666; text-align: right; white-space: nowrap; line-height: 1;}
.register_box h2 span{ float:right; margin-top:18px; font-size:14px;}
.register_box h2 span a{ color:#3ac1ff;}
.w285{width:285px;}
.orange_btn{width:440px; background:#ff8400; color:#fff; font-size:18px; border:none; cursor:pointer;}

.blue_btn{ background:#00ccff; color:#fff; border:none; height:38px; margin:0 10px; padding:10px; cursor:pointer;}
.blue_btn:hover,.orange_btn:hover{ opacity: 0.8;}
.register_con .blue_btn{ width:145px; }
.register_con .orange_btn{ margin-top:40px; height: 40px; border-radius: 2px;}
.register_con .time{ line-height: 36px;}
.register_con .time a{ display: inline-block; width:140px; height:40px; text-align: center;}
.register_con .time a em{float: left; display: inline-block; background:#ccc; height:38px; line-height: 36px; width: 38px; text-align: center;}
.register_con .time span{margin-left:20px; color:#999;}
.bank_logo{ margin-top:10px;}
.register_con li a{position: relative; display: inline-block; width:125px; height:37px; margin-bottom: 10px; margin-right: 5px; border:1px solid #d1d6de;}
.register_con li a i{ position: absolute; right: 0; bottom: 0; display: none; width:12px; height:12px; background:url(../images/u123.png) no-repeat;}
.register_con li a.active{ border-color:#4c9af2;}
.register_con li a.active i{ display: block;}
.register_con li a:hover{ border-color:#4c9af2;}
.register_con .money b{font-size:18px; color:#FF9933;}
.orange_btn.pay{margin-top:20px; width: 180px;}
.register_con .txt{margin-bottom: 20px; color:#666;}
.register_con .txt a{ color:#3ac1ff; }
.login_box ul{ padding-top:50px;}
.login_box li{ text-align: center; margin-bottom: 24px;}
.login_box .ipt,.login_box .blue_btn{ width:350px;}
.login_box li a{ color:#00ccff;}
.login_box li.txt{padding-left:65px;text-align:left; color:#666; font-size:14px;}
.news_list{ width:1000px; margin:0 auto; margin-bottom:20px; border:1px solid #dfdfdf; font-size:14px; padding:20px;}
.news_list li{line-height:35px; border-bottom: 1px dashed #dfdfdf;}
.news_list span{ display: inline-block; width:5px; height:5px; margin-right: 10px; border-radius: 50%; background-color:#ff8400; vertical-align: middle;}
.news_banner{background-image: url(../images/news_banner.jpg);}
.prompt_txt{ margin-top: 10px; color:#F10000; font-weight: bold;}