#main{width: 100%;margin: 0px auto;min-width: 1200px;}
#header{width: 1200px;margin: 0px auto;height: 75px;position: relative;}
#header .logo{width: 149px;height: 43px;background: url(../images/logo.png) no-repeat;display: block;position: absolute;top: 16px;left: 0;}
#header .nav{width: 870px;height: 75px;position: absolute;right: 0;top: 0;}
#header .nav ul li{padding:0px; line-height: 72px;height: 72px; width: 100px; text-align: center;border-left: 1px solid #fff; border-right: 1px solid #fff;border-top: 3px solid #fff;float: left;}
#header .nav ul li a{display: inline-block; color: #555; font-size: 15px;width: 100px;text-align: center;}
#header .nav ul li:hover{color: #2ba350;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #9dd521;line-height: 72px;}
#header .nav ul li.active {color: #2ba350;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #9dd521;line-height: 72px;}
#header .nav ul li ul{display: none;background: #fff;z-index: 999;overflow: hidden;width: 225px;box-shadow: 0px 5px 15px rgba(0, 0, 30, 0.2);transition: all .2s;top:75px;position: absolute;}
#header .nav ul li ul li{height: 55px;line-height: 55px;width: 225px;float: none;border: 0;border-bottom: 1px solid #eee;}
#header .nav ul li ul li:hover{color: #95D8F6;border: 0;line-height: 55px;}
#header .nav ul li ul li a{width: 225px;height: 55px;line-height: 55px;text-align: left;position: relative;font-size: 14px;}
#header .nav ul li ul li a:hover{background: #f5f5f5;color: #0DA6EA;}
#header .nav ul li ul li a i{width: 25px;height: 25px;display: block;position: absolute;left:15px;top:15px;background: url(../images/icon_nav.png) no-repeat;}
#header .nav ul li ul li a i.zhbj{background-position: -56px -4px;}
#header .nav ul li ul li a:hover i.zhbj{background-position: -6px -4px;}
#header .nav ul li ul li a i.ydoa{background-position: -56px -60px;}
#header .nav ul li ul li a:hover i.ydoa{background-position: -6px -60px;}
#header .nav ul li ul li a i.zhsz{background-position: -56px -115px;}
#header .nav ul li ul li a:hover i.zhsz{background-position: -6px -115px;}
#header .nav ul li ul li a i.xgk{background-position: -56px -171px;}
#header .nav ul li ul li a:hover i.xgk{background-position: -6px -171px;}
#header .nav ul li ul li a i.jxjc{background-position: -56px -226px;}
#header .nav ul li ul li a:hover i.jxjc{background-position: -6px -226px;}
#header .nav ul li ul li a i.ydgz{background-position: -56px -282px;}
#header .nav ul li ul li a:hover i.ydgz{background-position: -6px -282px;}
#header .nav ul li ul li a i.znwg{background-position: -56px -338px;}
#header .nav ul li ul li a:hover i.znwg{background-position: -6px -338px;}
#header .nav ul li ul li a i.zhxy{background-position: -56px -394px;}
#header .nav ul li ul li a:hover i.zhxy{background-position: -6px -394px;}

#header .nav ul li ul li a i.jxht{background-position:-56px -509px}
#header .nav ul li ul li a:hover i.jxht{background-position:-7px -509px;}


#header .nav ul li ul li a i.wljs{background-position: -56px -450px;}
#header .nav ul li ul li a:hover i.wljs{background-position: -6px -450px;}
#header .nav ul li ul li a i.wisdom{background: url(../images/wisdom-ico.png) no-repeat -50px -6px;}
#header .nav ul li ul li a:hover i.wisdom{background-position: -17px -6px;}
#header .nav ul li ul li a i.aisafe{background: url(../images/icon_nav_1.png) no-repeat -50px -6px;}
#header .nav ul li ul li a:hover i.aisafe{background-position: -17px -6px;}
#header .nav ul li ul li a i.exam{background: url(../images/icon_nav_1.png) no-repeat -50px -56px;}
#header .nav ul li ul li a:hover i.exam{background-position: -17px -56px;}
#header .nav ul li ul li a i.delay{background: url(../images/icon_nav_1.png) no-repeat -50px -106px;}
#header .nav ul li ul li a:hover i.delay{background-position: -17px -106px;}
#header .nav ul li ul li a i.iot{background: url(../images/icon_nav_1.png) no-repeat -50px -156px;}
#header .nav ul li ul li a:hover i.iot{background-position: -17px -156px;}
#header .nav ul li ul li a span{height: 55px;line-height: 55px;width: 165px;display: block;position: absolute;right: 0;top: 0;}
#banner{overflow: hidden;position: relative;z-index: -1;width:100%;min-width: 1200px;}
#banner .hd{width:100%; position:absolute; bottom:0; left:0; height:30px; line-height:30px; text-align:center;z-index: 999;}
#banner .hd ul{text-align:center; padding-top:5px;}
#banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:40px; height:5px; margin:5px; background:#fff; overflow:hidden; line-height:9999px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;}
#banner .hd ul .on{opacity:1;-moz-opacity:1;-khtml-opacity: 1;}
#banner .bd ul li{height: 520px;}
#banner .bd ul li .banner{width: 1200px;min-width: 1200px;height: 520px;margin: 0 auto;position: relative;}
#banner .bd ul li .banner .banner1-l{width: 492px;height: 178px;background: url(../images/banner_10.png) no-repeat;position: absolute;left: 0px;top: 170px;}
#banner .bd ul li .banner .banner1-r{width: 666px;height: 395px;background: url(../images/banner_11.png) no-repeat;position: absolute;right: 0px;top: 40px;}
#banner .bd ul li .banner .banner2-l{width: 500px;height: 180px;background: url(../images/banner_20.png) no-repeat;position: absolute;left: 0px;top: 170px;}
#banner .bd ul li .banner .banner2-r{width: 661px;height: 407px;background: url(../images/banner_21.png) no-repeat;position: absolute;right: 0px;top: 55px;}
#banner .bd ul li .banner .banner3-l{width: 499px;height: 180px;background: url(../images/banner_30.png) no-repeat;position: absolute;left: 0px;top: 170px;}
#banner .bd ul li .banner .banner3-r{width: 597px;height: 404px;background: url(../images/banner_31.png) no-repeat;position: absolute;right: 0px;top: 55px;}
#banner .bd ul li.part1{background-color: #1086fd;}
#banner .bd ul li.part2{background-color: #00bf60;}
#banner .bd ul li.part3{background-color: #faab3c;}
#banner .bd ul li.part4{background-color: #ca0101;}
#banner .bd ul li.part5{background-color: #f43c2c;}

#business{width: 100%;min-width: 1200px;background-color: #f8f8f8;padding: 30px 0;}
#business ul{width: 1200px;margin: 0px auto;}
#business ul li{width: 232px;height: 290px;background-color: #fff;margin-right: 10px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;float: left;}
#business ul li:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#business ul li.bus_none {margin-right: 0;}
#business ul li i{width:134px;height:134px;display:block;margin:30px auto 10px auto;}
#business ul li i.busicon_1{background: url(../images/icon_bus_1.png) no-repeat;}
#business ul li i.busicon_2{background: url(../images/icon_bus_2.png) no-repeat;}
#business ul li i.busicon_3{background: url(../images/icon_bus_3.png) no-repeat;}
#business ul li i.busicon_4{background: url(../images/icon_bus_4.png) no-repeat;}
#business ul li i.busicon_5{background: url(../images/icon_bus_5.png) no-repeat;}
#business ul li p{text-align:center;font-size:20px;color:#333;margin-bottom:15px}
#business ul li span{color:#999;font-size:12px;width:210px;display:block;text-align:center;margin:0 auto;line-height:20px}
#news{width: 100%;min-width: 1200px;}
#news .news_title{margin: 60px 0;height: 90px;background: url(../images/news_title.png) no-repeat center top;}
#news .news_content{width: 1200px;height: 400px;margin: 0px auto;position: relative;}
#news .news_company{width: 590px;height: 100%;position: absolute;left: 0;top: 0;}
#news .news_industry{width: 590px;height: 100%;position: absolute;right: 0;top: 0;}
#news .news_content p{width: 100%;height: 45px;position: relative;border-bottom: 1px solid #d2d2d2;}
#news .news_content p i{width: 25px;height: 25px;display: block;position: absolute;left: 0;top: 10px;background: url(../images/icon_company.png) no-repeat;}
#news .news_content p label{width: 400px;height: 45px;line-height: 45px;display: block;position: absolute;left: 35px;top: 0;font-size: 18px;color: #00a2ea;}
#news .news_content p span{width: 100px;height: 45px;line-height: 45px;display: block;position: absolute;right: 0;top: 0;font-size: 12px;color: #999;text-align: right;}
#news .news_content p a{color: #999;}
#news .news_content p a:hover{color: #00a2ea;}
#news .news_content .news_hot{width: 590px;height: 200px;position: relative;margin-top: 20px;}
#news .news_content .news_hot .news_pic{width: 300px;height: 180px;position: absolute;left: 0;top: 0;}
#news .news_content .news_hot .news_summary{width: 280px;height: 180px;position: absolute;right: 0;top: 0;}
#news .news_content .news_hot .news_summary h3{font-size: 16px;color: #666;text-align: left;line-height: 25px;}
#news .news_content .news_hot .news_summary i{font-size: 12px;text-align: left;line-height: 22px;color: #999;width: 96%;display: block;margin: 10px auto;}
#news .news_content .news_hot .news_summary span{width: 96%;display: block;text-align: right;margin: 0px auto;line-height: 25px;color: #999;}
#news .news_content .news_hot .news_summary a{width: 280px;height: 180px;display: block;}
#news .news_content ul{width: 590px;margin: 0px auto;}
#news .news_content ul li{width: 96%;height: 35px;line-height: 35px;font-size: 14px;color: #666;list-style:disc;position: relative;list-style-position:inside;}
#news .news_content ul li span{width: 460px;height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;text-align: left;position: absolute;left: 0;top: 0;text-indent: 20px;}
#news .news_content ul li i{width: 80px;height: 35px;color: #999;text-align: right;position: absolute;right: 0;top: 0;display: block;}
#news .news_content ul li a{width: 100%;height: 35px;display: block;color: #666;cursor: pointer;}
#news .news_content ul li a:hover{color: #333;}
#product{width: 100%;min-width: 1200px;}
#product .product_title{margin: 60px 0;height: 90px;background: url(../images/product_title.png) no-repeat center top;}
#product .product_panel{width: 1200px;margin: 0px auto;}
#product .product_panel ul{margin-bottom: 60px;}
#product .product_panel ul li{width: 299px;height: 250px;float: left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;background: #fff;}
#product .product_panel ul li:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 0 40px rgba(0,36,100,.3);-webkit-box-shadow:0 0 40px rgba(0,36,100,.3);-moz-box-shadow:0 0 40px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:100;}
#product .product_panel ul li.panel_zhbj{border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_ydoa{border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_zhsz{border-right: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_jxjc{border-right: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_ydgz{border: 0;}
#product .product_panel ul li.panel_znwg{border-top: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_xgk{border-bottom: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_more{border-bottom: 0;}
#product .product_panel ul li.panel_aisafe{border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_exam{border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_delay{border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_iot{border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_movies{border-right: 1px solid #d2d2d2;}
#product .product_panel ul li.panel_teach{border-right: 1px solid #d2d2d2;}
#product .product_panel ul li a{width: 100%;height: 220px;display: block;padding-top: 30px;color: #666;}
#product .product_panel ul li i{width: 85px;height: 75px;display: block;background: url(../images/product-icon.png) no-repeat;margin: 0 auto;}
#product .product_panel ul li i.zhbj{background-position: -10px -10px;}
#product .product_panel ul li i.ydoa{background-position: -145px -10px;}
#product .product_panel ul li i.zhsz{background-position: -275px -10px;}
#product .product_panel ul li i.xgk{background-position: -405px -10px;}
#product .product_panel ul li i.jxjc{background-position: -10px -135px;}
#product .product_panel ul li i.ydgz{background-position: -145px -130px;}
#product .product_panel ul li i.znwg{background-position: -275px -130px;}
#product .product_panel ul li i.more{background-position: -405px -130px;}
#product .product_panel ul li i.aisafe{background: url(../images/product-icon-1.png) no-repeat -10px -7px;}
#product .product_panel ul li i.exam{background:url(../images/product-icon-1.png) no-repeat -110px -7px}
#product .product_panel ul li i.delay{background:url(../images/product-icon-1.png) no-repeat -213px -7px}
#product .product_panel ul li i.iot{background:url(../images/product-icon-1.png) no-repeat -314px -7px}
#product .product_panel ul li i.movies{background:url(../images/product-icon-1.png) no-repeat -421px -7px}
#product .product_panel ul li i.teach{background:url(../images/product-icon-1.png) no-repeat -530px -7px}
#product .product_panel ul li h3{height: 50px;line-height: 50px;text-align: center;font-size: 18px;}
#product .product_panel ul li div{width: 100%;height: 35px;line-height: 35px;font-size: 12px;color: #999;text-align: center;display: block;}
#product .product_panel ul li span{width: 50px;height: 5px;border-bottom: 1px solid #d2d2d2;display: block;margin: 0 auto;}
#product .product_panel ul li label{width: 100%;height: 30px;line-height: 30px;font-size: 12px;color: #999;text-align: center;display: block;}

#content{width: 100%;margin: 0 auto;min-height: 800px;background: #f8f8f8;}
#content .banner{background: #1086fd;width: 100%;height: 400px;}
#content .banner_news{background: url(../images/banner_news.jpg) no-repeat center top;width: 100%;height: 400px;min-width: 1200px;}
#content .banner_video{background: url(../images/banner_video.jpg) no-repeat center top;width: 100%;height: 400px;min-width: 1200px;}
#content .banner_customer{background: url(../images/banner_customer.jpg) no-repeat center top;width: 100%;height: 400px;min-width: 1200px;}
#content .banner_about{background: url(../images/banner_about.jpg) no-repeat center top;width: 100%;height: 400px;min-width: 1200px;}
#content .banner_join{background: url(../images/banner_join.jpg) no-repeat center top;width: 100%;height: 400px;min-width: 1200px;}

#foot{width: 100%;min-width: 1200px;margin: 0px auto;height: 250px;background: #18242b;color: #999;}
#foot h3{font-size: 16px;font-weight: bold;color: #fff;text-align: left;}
#foot ul{margin-top: 10px;}
#foot ul li{height: 30px;line-height: 30px;text-align: center;font-weight: normal;}
#foot ul li a{color: #999;}
#foot ul li a:hover{color: #666;}
#foot .foot_wrap{width: 1200px;min-width: 1200px;height: 210px;margin: 0 auto;position: relative;}
#foot .foot_logo{width: 224px;height: 101px;background: url(../images/logo_b.png) no-repeat;position: absolute;left: 0;top:54px;}
#foot .foot_about{width: 80px;text-align: center;position: absolute;left: 290px;top: 30px;}
#foot .foot_about ul li{text-align: left;}
#foot .foot_product{width: 300px;left: 430px;top: 30px;position: absolute;}
#foot .foot_product ul{width: 145px;float: left;}
#foot .foot_product ul li{text-align: left;}
#foot .foot_contact{width: 350px;right: 90px;top: 30px;position: absolute;}
#foot .foot_contact ul li{text-align: left;}
#foot .foot_qcode{width: 80px;right: 0;top: 30px;position: absolute;}
#foot .foot_qcode img{width: 80px;height: 80px;margin-top: 30px;}
#foot .foot_b{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #999;background: #0f191f;font-size: 12px;}
#foot .foot_b a{color:#999;}
#foot .foot_b a:hover{opacity: 0.8;}