@media screen and ( max-width:768px ){

.topDiv,.headDiv,.banner,.sideBar,.indexFlash,.sell,.videoBox,.videoBox2,.indexPart3_top,.footNav,.foot,.indexLinks,.pageBanner,.pageNav,.pageLinks,.pageName,.pageLinks2{ display:none;}
.TelheadDiv,.navLayer,.SearchLayer,.TelvideoBox{ display:block;}

.wal{width:100%; margin:0px auto;}
.indexPart1{ padding:0 10px; height:auto; background:#fff;}
.indexPart1 .fl, .indexPart1 .fr{ float:none;}
.indexPart1_l{ height:auto; width:100%; margin:0; background:none;padding:0px;}
.indexPart1_l .list li{ height:30px; line-height:30px; font-size:14px; overflow:hidden;  position:relative;}
.indexPart1_l .list li em{ display:none;}
.indexPart1_r{ display:none;}
.indexPart1Tel{ display:block;}
/*公共样式*/
/*手机版-头部*/
.TelheadDiv{height:60px; line-height:60px; position:relative; z-index:99; background:#fff; width:100%; display:block;}
.TelheadDiv .logo{position:absolute; left:10px; top:12px;}
.TelheadDiv .logo img{ height:32px;}
.TelheadDiv .name{ position:absolute; left:135px; font-size:14px; font-weight:bold; color:#999;}
.TelheadDiv .navIco{position:absolute; top:5px; right:10px;}
.TelheadDiv .navIco img{ width:30px;}
.TelheadDiv .SearchIco{position:absolute; top:7px; right:50px;}

/*搜索按钮触发效果*/
.SearchLayer{background:url(../images/bg6.png) left repeat; height:100%; width:100%;  position:fixed; z-index:90; top:0px; display:none; overflow:hidden;} 
.SearchLayer .SearchDiv{ margin:80px 10px; position:relative; background:#08a3d1; padding-right:37px; }
.SearchLayer .SearchDiv input{ width:100%; height:35px; line-height:35px; font-size:14px; text-indent:10px; color:#fff;}
.SearchLayer .SearchDiv img{ position:absolute; right:10px; top:5px; height:24px;}

/*导航触发效果*/
.navLayer{overflow-x: auto; background:#fff; height:100%; width:100%;  position:fixed; z-index:100;  right:-100%; top:0px; z-index:999;}
.navhead{height:60px; line-height:60px; position:relative; z-index:9;  width:100%; border-bottom:1px solid #d2d2d2;}
.navhead .logo{position:absolute; left:10px; top:12px;}
.navhead .logo img{ height:32px;}
.navhead .name{ position:absolute; left:135px; font-size:14px; font-weight:bold; color:#999;}
.navhead .closeBtn{position:absolute; top:7px; right:20px;}
.navLayer .list2{ padding-bottom:60px;}
.subNav{cursor:pointer; display:block; height:60px; line-height:60px; padding-left:60px; border-bottom:1px solid #dcdcdc; font-size:16px; font-weight:bold; color:#666; background:#fff url(../images/limg36.png) right center no-repeat;  position:relative;}
.subNav a{ display:block;}
.subNav .name img{ position:absolute; width:40px; top:12px; left:10px;}
.subNav .img2{ display:none;}
.subNav .img1{ display:block}
.currentDt{background:url(../images/limg36_on.png) right center no-repeat;  color:#08a3d1; color:#08a3d1;}
.currentDt .img1{ display:none;}
.currentDt .img2{ display:block}
.currentDt a{ color:#08a3d1;}
.navContent{display: none; }
.navContent em a{display:block; color:#666; padding-left:110px; position:relative; height:55px; line-height:55px; background:#fff url(../images/limg36.png) right center no-repeat; font-size:15px; border-bottom:1px solid #dcdcdc;}
.navContent em a.aNow{ background:#f5f5f5 url(../images/limg36_1on.png) right center no-repeat;}
.navContent em a img{ position:absolute; width:30px; top:15px; left:60px;}
.navContent .list{ display:none;}
.navContent .list dd a{display:block; color:#999; padding-left:100px; position:relative; height:55px; line-height:55px; background:#fff url(../images/limg27.png) right center no-repeat; font-size:13px; border-bottom:1px solid #dcdcdc;}
.navContent .list dd a img{ position:absolute; width:25px; top:15px; left:60px;}
.navContent .list dd a .img2{ display:none;}
.navContent .list dd a .img1{ display:block}
.navContent .list dd a.aNow{ background:#08a3d1 url(../images/limg27_on.png) right center no-repeat; color:#fff;}
.navContent .list dd a.aNow .img1{ display:none;}
.navContent .list dd a.aNow .img2{ display:block}

/*banner图*/
.TelBanner{ display:block;}
.TelBanner img{ width:100%; vertical-align:bottom;}

/*当前页面*/
.TelpageTitle{ height:40px; line-height:40px; background:#08a3d1; text-align:center; color:#fff; font-size:16px; position:relative; display:block;}
.TelpageTitle a{ width:60px; display:inline-block; position:absolute; left:0px; top:0px; background:url(../images/line2.jpg) right center no-repeat; height:40px; line-height:40px;}
.TelpageTitle a img{ position:absolute; top:10px; left:15px;}

.TelpageNav{ display:block; height:40px; line-height:40px; background:#f5f5f5; position:relative; padding-left:10px; font-size:16px;}
.TelpageNav .TelpageNow em{ color:#333; font-size:15px;}
.TelpageNav .TelpageNow a{ font-size:13px; color:#666;}
.TelpageNav .TelpageNow span{ font-size:13px;}
.TelpageNav .listMore{ position:absolute; top:0px; right:10px; padding-right:23px; font-size:14px;}
.TelpageNav .listMore img{ position:absolute; top:11px; right:0px;}

/**/
.Teltitle{ display:block; height:30px; line-height:30px; padding-left:65px; position:relative; font-size:18px; color:#333; margin:20px 0px 20px 0px;}
.Teltitle img{ height:30px; position:absolute; top:0px; left:10px;}


/*公司版权*/
.TelfootCon{color:rgba(51,51,51,0.58); text-align:center; padding:15px 0px; line-height:22px; font-size:14px; display:block; background:#efefef;}
.TelfootCon a{color:rgba(51,51,51,0.58);}

/*返回顶部*/
.returnTop{ display:block;}
.topA{position:fixed; bottom:20%; right:10px;text-align:right; z-index:22; display:none;}

/*加载更多*/
.TelpageMore {padding-top:10px; margin:0px 10px; display:block;}
.TelpageMore a{ text-align:center; display:block; font-size:15px; position:relative;}
.TelpageMore a img{ position:absolute; top:8px; margin-left:10px;}

/*首页*/
/*首页banner图轮播*/
.indexFlashTel{position:relative; overflow:hidden; display:block;}
.indexFlashTel .bd{position:relative; z-index:0;width:100%;}
.indexFlashTel .bd li{position:relative;}
.indexFlashTel .bd li img{width:100%;}
.indexFlashTel .btnDiv{position:absolute; z-index:30; left:0px; bottom:15px;  text-align:center; width:100%; }
.indexFlashTel .btnDiv span{display:inline-block; width:12px; height:12px;background:url(../images/ico2.png) left top no-repeat; margin:0 5px; background-size:100% 100%; cursor:pointer;}
.indexFlashTel .btnDiv span.on{background:url(../images/ico2on.png) left top no-repeat; background-size:100% 100%;}

.indexPart1{ height:auto; padding-top:10px; margin:0px 10px;}
.indexPart1 .title{ height:32px; display:inline-block; border-bottom:#cbcbcd solid 2px; background:url(../images/nimg55_1.png) left 2px no-repeat; font-size:16px; color:#08a3d1; font-weight:bold;}
.indexPart1 .title em{ padding-left:62px;}
.indexPart1_l{ width:100%; margin-right:0px;}
.indexPart1_l .detail{ height:150px; position:relative; background:url(../images/line2.png) bottom repeat-x; overflow:hidden;}
.indexPart1_l .detail .name{ height:30px; line-height:30px; overflow:hidden; font-size:14px;text-overflow: ellipsis; white-space: nowrap; color:#fe9300;}
.indexPart1_l .detail .name a{ color:#fe9300;}
.indexPart1_l .detail .imgDiv{ position:absolute; left:0px; top:35px;}
.indexPart1_l .detail .content{ font-size:14px; height:98px; overflow:hidden; padding-left:145px; color:#8d8d8d; line-height:24px;}
.indexPart1_l .list{ padding-top:10px;}
.indexPart1_l .list li{ height:30px; line-height:30px; font-size:14px; overflow:hidden; /*padding-left:70px;*/ position:relative; text-overflow: ellipsis; white-space: nowrap;}
.indexPart1_l .list li em{ position:absolute; left:0px; top:0px;}
.indexPart1_l .more{ text-align:right; margin:10px 0px;}
.indexPart1_l .more a{ font-size:14px; color:#fe9300;}
.indexPart1_r{ width:100%;}
.indexPart1_r .imgDiv{ padding-top:17px;}
.indexPart1_r .imgDiv img{ display:block; width:100%;}
.indexPart1_r .name{ font-size:14px; height:30px; line-height:30px; overflow:hidden; margin-top:5px;}
.indexPart1_r .name a{ color:#333;}
.indexPart1_r .content{ height:40px; font-size:14px; overflow:hidden;}
.indexPart1_r .more{ text-align:right; margin:10px 0px;}
.indexPart1_r .more a{ font-size:14px; color:#fe9300;}

.indexPart2{ display:none;}
.TelindexPart2{ display:block; margin:0 10px;}
.TelindexPart2 .videoDiv img{ width:100%;}

.indexPart3{ padding-left:20px;padding-top:20px;margin:0px 15px 0px 0px;}
.indexPart3 .title{ background:url(../images/nimg55_1.png) left 2px no-repeat;}
.indexPart3 .title a{padding-right:0px;}
.indexPart3 .list{ margin:0px 0px;}
.indexPart3 ul{ width:auto;}
.indexPart3 li{ float:left; width:50%; margin-right:0px; height:auto; margin-bottom:15px;}
.indexPart3 li .imgDiv,name,.msg{ margin:0px 5px;}
.indexPart3 li img{ display:block; width:100%;}
.indexPart3 li .name{ text-align:center; height:25px; line-height:25px; margin-top:10px; overflow:hidden; font-size:15px; font-weight:bold;}
.indexPart3 li .name a{ color:#333;}
.indexPart3 li .name a:hover{ color:#08a3d1;}
.indexPart3 li .msg{ height:50px; font-size:12px; line-height:24px; overflow:hidden;}

/*友情链接*/
.TelindexLinks{ padding:10px;}
.TelindexLinks .title{ height:38px; background:url(../images/nimg55_1.png) left 2px no-repeat; font-size:16px; color:#08a3d1; font-weight:bold; position:relative;}
.TelindexLinks .title em{ padding-left:62px;}
.TelindexLinks .title a{  font-size:14px; position:absolute; right:0px; top:0px; display:block; font-weight:400; color:#fe9300; background:url(../images/nimg16_1.png) right center no-repeat; padding-right:24px;}
.TelindexLinks .list li{ float:left; width:33.3%; height:15px; line-height:15px; background:url(../images/limg1.jpg) right top no-repeat; margin-bottom:10px; text-indent:5%; font-size:14px;}
.TelindexLinks .list li:nth-child(3n){ background:none;}

/*2-1技术专题*/
.technology{ padding:0px 10px 10px 10px;}
.technologyPic{display:none;}
.TeltechnologyPic{position:relative; overflow:hidden; display:block;}
.TeltechnologyPic .bd{position:relative; z-index:0;width:100%;}
.TeltechnologyPic .bd li{position:relative;}
.TeltechnologyPic .bd li img{width:100%; vertical-align:bottom;}
.TeltechnologyPic .btnDiv{position:absolute; z-index:30; right:10px; top:42%;  text-align:center;}
.TeltechnologyPic .btnDiv span{display:inline-block; width:12px; height:12px;background:url(../images/limg26.png) left top no-repeat; margin:0 3px; background-size:100% 100%; cursor:pointer;}
.TeltechnologyPic .btnDiv span.on{background:url(../images/limg26_on.jpg) left top no-repeat; background-size:100% 100%;}
.TeltechnologyPic .bd li .conDiv{ background:#eee; padding:15px 10px;}
.TeltechnologyPic .bd li .name a{ font-size:14px; font-weight:bold; color:#08a3d1; margin-bottom:10px; display:block;}
.TeltechnologyPic .bd li .content{ line-height:24px; font-size:14px;}
.TeltechnologyPic .bd li .btnDiv2 a{ display:block; width:100px; text-align:center; height:30px; line-height:30px; font-size:12px; border-radius:5px; background:#fe9300; color:#fff; margin-top:10px;}

.technology .title{ text-align:center; width:auto; height:101px; background:url(../images/nimg103_1.png) no-repeat center; margin:30px auto 15px;}
.technology .title h2{ color:#08a3d1; font-size:20px; height:56px; line-height:65px; border-bottom:#999999 solid 1px; width:auto; margin:0 auto}
.technology .title em{ color:#999; font-size:14px; text-transform:uppercase; display:inline-block; padding-top:10px;}
.technology .title2 h2{ width:230px;}
.technology .part1 li{ height:150px; margin-bottom:15px; padding-left:160px; position:relative; background:#eeeeee;}
.technology .part1 li .imgDiv{ position:absolute; left:0px; top:0px; width:150px; height:150px; overflow:hidden;}
.technology .part1 li .name{  font-size:14px; font-weight:bold; padding:5px 5px 5px 0px; max-height:35px; overflow:hidden;}
.technology .part1 li .name a{ display:block; height:auto; overflow:hidden; color:#08a3d1;}
.technology .part1 li .content{ width:auto; padding-right:5px; height:70px; font-size:14px; line-height:24px; overflow:hidden;}
.technology .part1 li .more{ position:absolute; bottom:10px; left:160px;}
.technology .part1 li .more a{ color:#fe9300; font-size:14px; font-weight:bold;}
.technology .part2 ul{ width:auto;}
.technology .part2 li{ float:left; width:100%; height:auto; background:#eeeeee; margin:0 0px 15px 0; padding:15px 0px;}
.technology .part2 li .name{ padding:0 10px 5px 10px; height:auto; line-height:24px; overflow:hidden; font-size:14px; font-weight:bold;}
.technology .part2 li .name a{ color:#08a3d1;}
.technology .part2 li .content{ padding:0 10px; height:auto; font-size:14px; line-height:24px;}
.technology .part2 li .more{ padding:10px 10px 0;}
.technology .part2 li .more a{ color:#fe9300; font-size:14px; font-weight:bold;}
.technology .part3 .imgDiv{ width:100%; height:auto; overflow:hidden;}
.technology .part3 .imgDiv img{ width:100%;}
.technology .part4{ height:auto; background:none; position:relative;}
.technology .part4 .content{ font-size:14px; line-height:24px; text-align:center; padding:10px 0px 0px 0px; position:static; }
.technology .part4 .TelimgDiv{ display:block;}
.technology .part4 .TelimgDiv img{ width:100%;}

.technologyPic2{display:none;}
.TeltechnologyPic2{position:relative; overflow:hidden; display:block;}
.TeltechnologyPic2 .bd{position:relative; z-index:0;width:100%;}
.TeltechnologyPic2 .bd li{position:relative;}
.TeltechnologyPic2 .bd li img{width:100%; vertical-align:bottom;}
.TeltechnologyPic2 .prev{ position:absolute; left:0px; top:50%; margin-top:-21px; width:40px; height:42px; display:block; background:url(../images/nimg71_left.png) no-repeat; z-index:23; background-size:100% 100%;}
.TeltechnologyPic2 .next{ position:absolute; right:0px; top:50%; margin-top:-21px; width:40px; height:42px; display:block; background:url(../images/nimg71_right.png) no-repeat; z-index:23;  background-size:100% 100%;}

.technology .form ul{ width:100%;}
.technology .form li{ float:left; height:50px; margin-right:30px;}
.technology .form li.li01{ width:100%;}
.technology .form li .input1{ width:100%; height:35px; border:#cdcccc solid 1px; padding-left:0px; text-indent:10px; font-size:14px; line-height:35px;}
.technology .form li.li02{ width:100%;}
.technology .form li .input2{ width:100%;}
.technology .form li.li03{ width:100%; height:150px;}
.technology .form li.li04{ width:100%; height:50px;}
.technology .form li textarea{ width:99%; height:120px; border:#cdcccc solid 1px; text-indent:10px; padding-top:10px; font-size:14px;}
.technology .form li div{ width:240px; margin:0 auto;}
.technology .form li .btn1{ width:110px; height:35px; margin:0 5px; float:left; cursor:pointer; color:#fff; font-size:14px; background:#08a3d1;}
.technology .form li .btn2{ background:#999999;}

/*3-1核心技术-视频大数据综合页*/
.videoData{ padding:0px 10px 10px 10px;}
.videoData .list li{ height:150px; margin-bottom:15px; padding-left:160px; position:relative; background:#eeeeee;}
.videoData .list li .imgDiv{ position:absolute; left:0px; top:0px; width:150px; height:150px; overflow:hidden;}
.videoData .list li .name{  font-size:14px; font-weight:bold; padding:10px 5px 0px 0px; overflow:hidden; }
.videoData .list li .name a{ display:block; height:auto; overflow:hidden; color:#08a3d1; height:30px; vertical-align:middle;display:table-cell;}
.videoData .list li .name a img{ position:absolute; left:0px; top:0px; width:25px;}
.videoData .list li .content{ width:auto; padding-right:5px; height:70px; font-size:14px; line-height:24px; overflow:hidden;}
.videoData .list li .more{ position:absolute; bottom:10px; left:160px;}
.videoData .list li .more a{ color:#fe9300; font-size:14px; font-weight:bold;}

/*3-2视频大数据 - 详情*/
.monitoring{ padding:0px 10px 30px 10px;}
.monitoring h2{ font-size:16px; color:#333; padding-bottom:10px;}
.monitoring .content{ font-size:14px; line-height:24px; padding-bottom:20px;}
.monitoring .imgDiv{ padding-bottom:40px; display:none;}
.monitoring .TelimgDiv{ display:block; padding-bottom:20px;}
.monitoring .TelimgDiv img{ width:100%;}

/*4-1智慧城市解决方案*/
.wisdomCity .share{ display:block; padding-left:10px;}
.wisdomCity{ padding:0px 0px 20px 0px;}
.wisdomCity .content .imgDiv{ padding-bottom:15px; display:none;}
.wisdomCity .content .TelimgDiv{ display:block; padding-bottom:20px;}
.wisdomCity .content .TelimgDiv img{ width:100%; }
.wisdomCity .content{ font-size:14px; line-height:24px; padding:0px 10px 20px 10px;}
.wisdomCity .content h2{ color:#08a3d1; height:32px; font-size:16px;}
.wisdomCity .content b{ color:#333;}
.wisdomCity .share{ padding-bottom:50px;}
.wisdomCity .title{ height:40px; background:#efefef; line-height:40px; position:relative; margin-bottom:30px;}
.wisdomCity .title em{ padding-left:10px; color:#08a3d1; font-size:16px;}
.wisdomCity .title a{ position:absolute; right:10px; top:0px; color:#fe9300; font-size:14px;}
.wisdomCity .list ul{ width:100%;}
.wisdomCity .list li{ float:left; width:100%; margin-right:0px; height:auto;}
.wisdomCity .list li.li01{ height:auto;}
.wisdomCity .list li .imgDiv{ padding:0px 10px;}
.wisdomCity .list li .imgDiv img{ display:block; width:100%;}
.wisdomCity .list li .name{ height:40px; line-height:40px; font-size:14px; text-align:center; font-weight:bold;}
.wisdomCity .list li .name a{ color:#333;}
.wisdomCity .list li .name a:hover{ color:#08a3d1;}
.wisdomCity .list li .msg{ font-size:14px; line-height:24px; height:80px; overflow:hidden;}
.wisdomCity .list2{ padding:0px 10px;}
.wisdomCity .list2 ul{ width:100%;}
.wisdomCity .list2 li{ float:left; width:50%; margin-right:0px; height:auto; margin-bottom:10px;}
.wisdomCity .list2 li .imgDiv{ width:auto; height:auto; border:#cdcccc solid 1px; }
.wisdomCity .list2 li:nth-child(odd) .imgDiv{margin-right:5px;}
.wisdomCity .list2 li:nth-child(even) .imgDiv{margin-left:5px;}
.wisdomCity .list2 li .imgDiv img{ display:block; width:100%;}
.wisdomCity .list2 li .name{ height:50px; line-height:24px; font-size:14px; text-align:center; margin-top:5px;}
.wisdomCity .list2 li:nth-child(odd) .name{margin-right:5px;}
.wisdomCity .list2 li:nth-child(even) .name{margin-left:5px;}
.wisdomCity .list3 li{ float:left; width:33.3%; margin-right:0px; height:auto; margin-bottom:10px;}
.wisdomCity .btnDiv{ float:right; width:126px; height:28px; margin-bottom:10px; margin-right:10px;}
.wisdomCity .btnDiv a{ display:block; width:126px; height:28px; text-indent:50px; color:#fff; line-height:28px; font-size:16px; font-weight:bold; background:url(../images/btn4.png) no-repeat; background-size:100%;}

/*6-1公司公告*/
.announcement{ padding-bottom:0px;}
.announcement .list{ padding-bottom:0px;}
.announcement li{ height:auto; margin-bottom:15px; background:#f6f6f6; font-size:15px; line-height:24px; overflow:hidden; position:relative; padding:10px;}
.announcement li a{ display:block; padding-left:0px;}
.announcement li a:hover{ background:#08a3d1; color:#fff;}
.announcement li span{ position:static; font-size:14px; color:#999; display:block; }
.announcement li:hover span{ color:#999;}

/*7-1总经理致辞*/
.speech{ padding-bottom:30px;}
.speech .imgDiv img{ display:block; width:100%;}
.speech .content{ padding:20px 10px; font-size:14px; line-height:24px;}

/*7-2公司概况*/
.about{ padding:20px 10px;}
.about .name{ font-weight:bold; color:#08a3d1; font-size:20px;}
.about .name em{ font-size:16px; color:#d1d1d1; padding-left:10px;}
.about .content{ padding:10px 0; font-size:14px; line-height:24px;}
.about .imgDiv{ padding:15px 0;}
.about .imgDiv img{ width:100%;}

/*7-3管理团队*/
.team .list{ padding-bottom:20px; margin:0px 10px;}
.team .list ul{ width:100%;}
.team .list li{ float:left; width:100%;  height:220px; margin:0 0px 15px 0; background:#f5f5f5; position:relative;}
.team .list li .imgDiv{ position:absolute; left:0px; top:0px;}
.team .list li .imgDiv img{ width:180px; height:220px;}
.team .list li .name{ line-height:28px; padding-left:0px; font-size:15px; color:#999999; vertical-align:middle;display:table-cell; height:220px; padding-left:190px;}
.team .list li .name em{ font-size:18px; color:#08a3d1;}

/*7-4资质荣誉*/
.honor{ padding-bottom:30px;}
.Telhonor{display:block;}
.honorPic{ display:none;}
.honorImg{ padding:0px 30px 15px 40px; }
.honorImg .slick-slide{ float:left; outline:none; margin-right:10px; position:relative; cursor:pointer; padding-top:10px; position:relative;}
.honorImg img{width:100%;}
.honorImg .name{ text-align:center; line-height:22px; font-size:14px; margin-top:5px;}
.honorImg .slick-current img{opacity:1; position:relative; }
.honorImg .slick-current {background:url(../images/limg16.png) top center no-repeat;}
.honorImg .slick-prev{ background:url(../images/left45.png) top left no-repeat;  width:25px;  height:25px; position:absolute; top:50%; margin-top:-12px; left:5px; overflow:hidden;  border:none; z-index:222; cursor:pointer; background-size:100% 100%;}
.honorImg .slick-next{ background:url(../images/right45.png) top left no-repeat; width:25px;  height:25px; position:absolute; top:50%; margin-top:-12px; right:5px; overflow:hidden;  border:none; z-index:222; cursor:pointer; background-size:100% 100%;}
.honor .part2{ padding:0px 10px;}
.honor .part2{ background:url(../images/nimg1200Bg.png) no-repeat top center;}
.honor .part2 h2{ padding-top:20px; color:#fe9300; font-size:16px;}
.honor .part2 .list{ padding-top:10px;}
.honor .part2 .list li{ float:left; font-size:14px; width:100%;  text-indent:0px; background:url(../images/nimg22_1.png) no-repeat left top; height:auto; min-height:25px; line-height:25px; margin-bottom:15px; text-indent:30px;}

/*7-5发展历程*/
.history{ display:none;}
.history .wal{ padding-bottom:30px; position:relative;}
.Telhistory{ display:block; margin:0px 10px;}
.Telhistory .YearTab {border-bottom:#b3b3b3 solid 1px; padding-bottom:5px; position:relative; padding:0px 28px;}
.Telhistory .line{ margin-top:-10px; position:relative; background:url(../images/line10.png) repeat-x; height:8px; margin-left:15px; z-index:99;}
.Telhistory .YearTab .slick-slide{ height:40px; line-height:40px; background:#08a3d1; color:#fff; font-size:14px; text-align:center; border-right:1px solid rgba(255,255,255,0.3); position:relative;}
.Telhistory .YearTab .slick-current{ background:#fe9300;}
.Telhistory .Msg{ background:url(../images/line6.jpg) 522px repeat-y; padding-bottom:30px;}
.Telhistory .Msg dd{ padding:30px 0 0px 20px; margin-left:90px; position:relative; border-left:1px solid #b3b3b3;}
.Telhistory .Msg .year{ position:absolute; top:30px; left:-90px; background:url(../images/historyIco.png) right top no-repeat; width:80px; padding-right:20px; font-size:15px; color:#333;}
.Telhistory .Msg .content{ font-size:14px; line-height:24px;}
.slick-prev{ background:url(../images/nimg57_left.jpg) top left no-repeat; width:28px; text-align:center; height:40px; position:absolute;  bottom:0px;  left:0px;  border:none; z-index:222; cursor:pointer; background-size:100% 100%;}
.slick-next{ background:url(../images/nimg57_righton.jpg) top left no-repeat; width:28px; text-align:center; height:40px; position:absolute; bottom:0px; right:0px;  border:none; z-index:222; cursor:pointer; background-size:100% 100%;}

/*7-6服务网络*/
.service{ padding-bottom:50px; margin:0px 10px;}
.service .part1{ padding-bottom:15px; background:url(../images/line4.png) repeat-x bottom;}
.service .part1 li{ float:left; width:100%; font-size:14px; line-height:24px; margin-bottom:30px;}
.service .part1 li h2{ color:#08a3d1; font-size:16px; margin-bottom:8px;}
.service .part2{ padding:20px 0 10px 0;}
.service .part2 .tab2{ padding-bottom:30px;}
.service .part2 .tab2 li{ float:left; width:33.3%; height:30px;  font-size:14px; line-height:30px; text-indent:10px; text-align:left;}
.service .part2 .tab2 li.liNow{ background:#08a3d1; color:#fff;}
.service .part2 .tabContent2 .imgDiv img{ width:100%;}
.service .form{ background:url(../images/line4.png) repeat-x bottom; margin-top:20px;}
.service .form .title{ padding-left:26px; color:#333; font-size:16px; position:relative;}
.service .form .title img{ position:absolute; left:0px; top:3px;}
.service .form .list{ padding:30px 0;}
.service .form .list li{  padding-left:105px; height:50px; position:relative; line-height:35px; font-size:13px;}
.service .form .list li em{ position:absolute; left:0px; top:0px; width:100px; text-align:left;}
.service .form .list li span{ color:#F00;}
.service .form .list li .input1{ width:100%; height:33px; line-height:33px; border:#cdcccc solid 1px; text-indent:10px;}
.service .form .list .li01 .input1{ width:100%; height:33px; line-height:33px; border:#cdcccc solid 1px; text-indent:10px;}
.service .form .list li .select1,.service .form .list li .select3{ float:left; width:47%; height:33px; border:#cdcccc solid 1px; background:#fff;}
.service .form .list li .select1{ margin-right:3%;}
.service .form .list li .select3{ margin-left:3%;}
.service .form .list li .select2{ width:100%; height:33px; border:#cdcccc solid 1px; background:#fff;}
.service .form .list li .yzm{ position:absolute; top:2px; right:0px;}
.service .form .list li .yzm img{ width:80px; height:30px;}
.service .form2{ font-size:14px; width:250px; margin:20px auto;}
.service .form2 input{ text-align:center;}
.service .btnDiv{ width:140px; height:35px; margin:0 auto;}
.service .btnDiv .btn1{ width:140px; height:35px; background:#169dcc; border-radius:6px; -moz-border-radius:6px; color:#fff; font-size:16px; cursor:pointer;}

/*7-7制造中心*/
.zzCenter{ padding-bottom:30px;}
.zzCenter .list{ margin:0px 10px;}
.zzCenter .list li{ margin-bottom:20px; line-height:28px; font-size:14px;}
.zzCenter .list li em{ display:inline-block; width:18px; height:18px; background:url(../images/nimg18_1.png) no-repeat; text-align:center; color:#fff; line-height:18px; padding-right:5px;}
.zzCenter .imgList{ margin-left:10px;}
.zzCenter .imgList ul{ width:100%;}
.zzCenter .imgList li{ float:left; margin:0 0px 10px 0; width:50%;}
.zzCenter .imgList li .imgDiv{ margin-right:10px;}
.zzCenter .imgList li img{ width:100%;}

/*7-8采购中心*/
.cgCenter{ padding-bottom:30px; margin:0px 10px;}
.cgCenter li{ float:left; width:100%;}
.cgCenter li h2{ color:#08a3d1; font-size:16px; height:35px; margin-top:10px;}
.cgCenter li dd{ padding-left:36px; position:relative; height:45px; line-height:28px; position:relative; font-size:14px;}
.cgCenter li dd img{ position:absolute; left:0px; top:0px;}
.cgCenter li dd em{ color:#08a3d1;}

/*8-1公益活动*/
.welfare{ padding-bottom:50px; margin:0px 10px;}
.welfare .content{ font-size:14px; line-height:24px; padding-bottom:20px;}
.welfare .imgDiv{ text-align:center;}
.welfare .imgDiv img{ width:100%;}

/*9-1企业愿景*/
.vision{ padding-bottom:30px; margin:0px 10px;}
.vision .imgDiv{ text-align:center; }
.vision .TelimgDiv{ display:block;}
.vision .TelimgDiv img{ width:100%;}

/*9-2公司标识*/
.companyLogo{ padding-bottom:30px; margin:0px 10px;}
.companyLogo li{ height:auto; background:none; position:relative;} 
.companyLogo li h2{ padding-top:20px; color:#08a3d1; font-size:16px; margin-bottom:10px;}
.companyLogo li .h201{ padding-top:30px;}
.companyLogo li p{ font-size:14px; line-height:26px; padding-top:0px;}
.companyLogo li .imgDiv{ position:static; margin:10px 0px;}
.companyLogo li .imgDiv img{ width:100%;}
.companyLogo .content{ font-size:14px; line-height:24px; padding-top:10px;}

/*9-3高新兴人*/
.magazine{ padding-bottom:30px; margin-left:10px;}
.magazine li{ width:50%; height:auto; float:left; margin:0 0px 10px 0;}
.magazine li .conAll{border:#e5e5e5 solid 1px; margin-right:10px; position:relative; background:#f2f2f2;}
.magazine li .imgDiv img{ width:100%; vertical-align:bottom;}
.magazine li .name{ height:35px; background:#f2f2f2; vertical-align:middle;display:table-cell; font-size:14px; padding-right:18px; text-align:center;}
.magazine li .btnDiv a{ display:block; width:14px; height:14px; position:absolute; right:10px; bottom:12px; z-index:22;}

/*9-4员工规划*/
.planning{ padding:0 10px 30px; line-height:24px; margin:0px 10px;} 
.planning h2{ font-size:16px; color:#08a3d1; margin-bottom:8px;}
.planning p{ font-size:14px; padding-bottom:20px;}
.planning img{width:100%}

/*9-5企业活动*/
.activity{ padding-bottom:0px; margin-left:10px;}
.activity .mod_gallerylist{ padding-bottom:0px;}
.activity ul{ width:100%;}
.activity li{ float:left; width:50%; height:auto; margin-right:0px; cursor:pointer; margin-bottom:15px;}
.activity li .image_container{ width:auto; height:auto; border:#cdcccc solid 1px; margin-right:10px;}
.activity li .image_container img{ display:block; width:100%;}
.activity li .meta{ text-align:center; line-height:22px; font-size:14px; height:40px; margin-right:10px; margin-top:5px; overflow:hidden;}
.activity li:hover .meta a{ color:#08a3d1; display:inline-block; margin-right:10px;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff;  -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat;  }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left;}
#mbTitle { width:100%; display:inline; color:#fff; font-size:14px; font-family:"微软雅黑"; position:absolute; left:0px; bottom:0px; height:35px; line-height:35px; text-align:center; background:url(../images/bg1.png) repeat;}
#mbNumber { background:url(images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: -20px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:15px; height:27px; background:transparent url(../images/nimg22_left.png) no-repeat center; background-size:100% 100%; position: absolute; top:38%; left:-20px; }
#mbNextLink { width:15px; height:27px; background:transparent url(../images/nimg22_right.png) no-repeat center;background-size:100% 100%;  position: absolute; top:38%; right:-20px; }
#mbCloseLink { width:25px; height:25px; background:transparent url(../images/close1.png) no-repeat center; position:absolute; top:-30px; right:-30px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

/*10-1企业动态*/
.news{ padding-bottom:0px;}
.news .list{ padding:0px 10px;}
.news .list li{ height:130px; background:#f6f6f6; padding-left:193px; position:relative; margin-bottom:15px; overflow:hidden; padding-right:5px;}
.news .list li .imgDiv{ position:absolute; left:10px; top:10px;}
.news .list li .imgDiv img{ height:130px; width:173px;}
.news .list li .name{ padding-top:5px; height:auto; max-height:50px; width:100%; font-size:14px; line-height:24px; overflow:hidden;}
.news .list li .name a{ color:#333;}
.news .list li .name a:hover{ color:#08a3d1;}
.news .list li .content{ padding-top:5px; font-size:12px; line-height:22px; width:100%;  height:70px; overflow:hidden;}
.news .list li .timeTel{ display:none;}
.news .list li .time{ top:14px; right:15px; width:86px; height:86px; background:#dedede; position:absolute; display:none;}
.news .list li .time div{color:#fff; font-size:45px; text-align:center; font-weight:bold; font-family:"微软雅黑";}
.news .list li .time em{ text-align:center; font-size:14px; color:#fff; display:block}
.news .list li .btn{ width:86px; height:86px; top:100px; right:15px; position:absolute; display:none;}
.news .list li .btn a{ display:block; width:86px; height:86px; background:#c6c6c6; text-align:center; font-size:14px; color:#fff;}
.news .list li .btn a div{ padding:14px 0 6px 0;}
.news .list li .btn a:hover{ background:#08a3d1;}

/*10-2企业动态详情*/
.newShow{ padding-bottom:40px; position:relative; margin:0px 10px;}
.newShow .wal{ position:relative;}
.newShow .con_top{ position:relative; border-bottom:#e7e7e7 solid 1px; padding-bottom:40px;}
.newShow .name{ font-size:16px; color:#333; text-align:center; padding-top:0px; line-height:26px;}
.newShow .time{ border-bottom:none; height:36px; line-height:36px; font-size:14px; padding-bottom:0px;}
.newShow .time em{ padding:0 10px; color:#8a8a8a;}
.newShow .time img{ position:relative; top:2px; padding-right:6px;}
.newShow .content{ font-size:14px; line-height:24px; padding:20px 0 80px 0;}
.newShow .imgDiv{ text-align:center; padding:15px 0;}
.newShow .imgDiv img{ width:100%;}
.newShow .share{ position:absolute; right:0px; bottom:15px; top:68px}
.newShow .content img{width:100%;}

.pageDown{height:85px; position:relative;}
.pageDown .box{ border-top:#cdcdcd solid 1px; padding-top:15px;}
.pageDown .btn{position:absolute; top:-50px; right:0px; width:120px; height:32px; background:url(../images/btn1.png) no-repeat; text-align:center; line-height:32px; color:#fff; font-size:14px;}
.pageDown li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;}
.pageDown li b{ color:#333;}

/*10-3视频中心*/
.TelvideoBox{ display:block;}
.TelvideoBox img{ width:100%;}
.video{ padding-bottom:20px;}
.videoBox2{ display:none;}
.video .part2{ padding-top:0px; margin-left:10px;}
.video .part2 .title{ font-size:16px; color:#08a3d1; font-weight:bold; padding:15px 0 15px 0; position:relative;}
.video .part2 .title a{ position:absolute; right:10px; top:15px; font-size:14px; color:#fe9300; font-weight:400;}
.video .part2 .list ul{ width:100%;}
.video .part2 .list li{ float:left; width:50%; height:auto; margin-right:0px;}
.video .part2 .list li .box{ width:auto; height:auto; position:relative; margin-right:10px;}
.video .part2 .list li .box .imgDiv img{ width:100%;}
.video .part2 .list li .ico{ width:25px; height:25px; position:absolute; left:10px; bottom:10px; z-index:22;}
.video .part2 .list li .ico img{ width:25px;}
.video .part2 .list li .name{ text-align:center; padding:8px 0px 15px 0px; font-size:14px; height:60px; overflow:hidden; margin-right:10px;}
.video .part2 .list li img{ display:block;}
.video .part2 .list li:nth-child(3){ display:none;}


/*11-0员工福利*/
.benefit{ padding-bottom:30px; margin:0px 10px;}
.benefit li{ margin-bottom:20px; font-size:14px;}
.benefit li h2{ font-size:14px; color:#08a3d1; padding-bottom:8px;}
.benefit li em{ background:url(../images/ico4.png) no-repeat 0px 8px; padding:0 10px 0 15px; line-height:24px; display:block;}

/*11-1面试指引*/
.interview{ padding-bottom:30px; margin:0px 10px;}
.interview .tab{display:none;}
.interview .contentBox1{ font-size:14px; line-height:24px; padding:0px;}
.interview .contentBox1 p{ padding-bottom:20px;}
.interview .contentBox1 b{ color:#08a3d1;}
.interview .contentBox1 h2{ font-size:15px; color:#333; margin-bottom:5px;}
.interview .contentBox1 h3{ font-size:15px; color:#08a3d1; padding-bottom:5px;}


#Content img{width:100%}
/*11-2招聘职位*/
.job{ padding-bottom:30px; padding-top:10px;}
.job_T{ height:55px; background:#f1f1f1;}
.job_T li{ float:left; width:33.3%; text-align:center; line-height:55px; font-size:14px; color:#333; font-weight:bold;}
.job_T li:nth-child(1){ text-indent:5%; text-align:left;}
.job_T li:nth-child(2){ display:none;}
.job_T li:nth-child(3){ display:none;}
.job_T li img{ position:relative; padding-right:10px; top:8px;}
.job_B{ padding-bottom:0px;}
.job_B li{ height:50px; background:url(../images/line4.png) repeat-x bottom; line-height:50px; font-size:14px;}
.job_B li em{ display:block; float:left; width:33.3%; text-align:center;}
.job_B li em:nth-child(1){ text-indent:5%; text-align:left;}
.job_B li em:nth-child(2){ display:none;}
.job_B li em:nth-child(3){ display:none;}

/*11-3职位详情*/
.jobShow{ font-size:14px; line-height:24px; padding-bottom:30px;}
.jobShow .content{ padding-right:10px;}
.jobShow .part1{ background:url(../images/line4.png) repeat-x bottom;}
.jobShow .part1 h2{ padding-left:42px; position:relative; font-size:16px; color:#333; height:30px;}
.jobShow .part1 h2 img{ position:absolute; left:10px; top:0px;}
.jobShow .part1 .content{ padding-left:32px; padding-bottom:20px;}
.jobShow .part1 .content em{ padding-right:0px;}
.jobShow .part2{ background:url(../images/line4.png) repeat-x bottom; padding-top:20px;}
.jobShow .part2 h2{ padding-left:42px; position:relative; font-size:16px; color:#333; height:30px;}
.jobShow .part2 h2 img{ position:absolute; left:10px; top:0px;}
.jobShow .part2 .content{ padding-left:32px; padding-bottom:20px;}
.jobShow .part3{ background:url(../images/line4.png) repeat-x bottom; padding-top:20px;}
.jobShow .part3 h2{ padding-left:42px; position:relative; font-size:16px; color:#333; height:30px;}
.jobShow .part3 h2 img{ position:absolute; left:10px; top:0px;}
.jobShow .part3 .content{ padding-left:42px; padding-bottom:20px;}
.jobShow .btnDiv{ padding:20px 0 0 42px;}
.jobShow .btnDiv .btn1{ display:block; float:left; width:120px; height:45px; background:url(../images/btn2.jpg) no-repeat; color:#fff; line-height:45px; text-indent:50px; margin-right:10px;}
.jobShow .btnDiv .btn2{ display:block; float:left; width:120px; height:45px; background:url(../images/btn3.jpg) no-repeat; color:#fff; line-height:45px; text-indent:42px;}

/*12-0经典案例*/
.case{ padding:10px 0px 0px 10px;}
.case .list{ padding-bottom:0px;}
.case ul{ width:100%;}
.case li{ float:left; width:50%; height:auto; margin:0px 0px 15px 0px; background:none;}
.case li .imgDiv{ margin-right:10px;}
.case li .imgDiv img{ display:block; width:100%; vertical-align:bottom;}
.case li .box{ padding:0 10px 10px 10px; margin-right:10px;background:#e9e9e9;}
.case li .name{ height:24px; line-height:24px; font-size:14px; overflow:hidden; padding-top:5px; text-overflow: ellipsis; white-space: nowrap;}
.case li .name a{ color:#333;}
.case li .content{ height:45px; font-size:12px; overflow:hidden; line-height:22px;}

.search .msg{ font-size:16px; color:#333; height:50px; line-height:50px; padding-left:10px;}
.search .list{ background:url(../images/line4.png) repeat-x top; padding-bottom:56px;}
.search .list li{ height:134px; background:url(../images/line4.png) repeat-x bottom;}
.search .list li .name{ font-size:14px; font-weight:bold; height:42px; line-height:42px; overflow:hidden; padding:0 10px;}
.search .list li .content{ height:50px; font-size:14px; line-height:24px; overflow:hidden; padding:0 10px;}
.search .list li .time{ text-align:left; padding-top:8px; font-size:14px; padding-left:10px;}

.complaint{ padding:20px 10px 50px;}
.complaint .content{ font-size:14px; line-height:30px; padding:5px 0 35px 20px;}

.contact{ padding:20px 10px 90px;}
.contact .name{ font-size:16px; color:#008cd6; font-weight:bold;}
.contact .list{ padding:20px 0 40px;}
.contact .list li{ float:none; width:100%; font-size:14px; height:auto; line-height:24px; padding-bottom:12px;}
.contact .list li img{ position:relative; top:5px; padding-right:10px; width:20px;}
.contact .imgDiv img{ width:100%;}

.partners{ padding:20px 0 50px 10px;}
.partners ul{ width:100%;}
.partners li{ float:left; width:50%; height:auto; margin:0 0 25px 0; text-align:center; font-size:14px;}
.partners li .imgDiv{ margin-right:10px;}
.partners li .imgDiv img{ width:100%; display:block; border:#cdcccc solid 1px;}
.partners li .name{ padding-top:12px; padding-right:10px;}

.law{ padding:20px 10px 30px;}
.law .content{ font-size:14px; color:#333;}
.law h2{ font-size:16px; padding-bottom:5px;}
.law p{ line-height:24px; padding-bottom:35px;}

.consulting{ padding:0 10px 30px;}
.consulting .fl{ float:none;}
.consulting .form_l{ padding-left:0px; padding-top:20px; width:100%;}
.consulting .form_l .title{ font-size:20px; margin-bottom:20px; }
.consulting .form_l li{ height:65px; position:relative;}
.consulting .form_l li .partner_select{ width:100%;}
.consulting .form_l li .partner_select1{ padding:0px; border:#cdcccc solid 1px; height:118px; width:100%;}
.consulting .form_l li .partner_select2{ width:180px;}
.consulting .form_l li .yzm{ position:absolute; left:190px; top:8px;}
.consulting .btnDiv{ margin:10px auto 0px; width:134px; height:35px;}
.consulting .btnDiv .btn1{ width:134px; height:35px; background:#169dcc; border-radius:4px; -moz-border-radius:4px; color:#fff; font-size:16px; cursor:pointer;}

.technologyShow{ padding:20px 10px;}
.technologyShow .name{ font-size:18px; color:#08a3d1; text-align:center; padding-top:10px; padding-bottom:20px;}
.technologyShow .time{ border-bottom:#e7e7e7 solid 1px; height:36px; line-height:36px; font-size:14px; text-align:center;}
.technologyShow .imgDiv img{ width:100%;}
.technologyShow .content{ font-size:14px; line-height:24px; padding:40px 0 100px 0;}
.technologyShow .share{ position:relative; right:0px; top:20px; text-align:center;}

.indexPart4{ padding:0 10px; height:auto; background:#fff;}
.indexPart4 .fl, .indexPart4 .fr{ float:none;}
.indexPart4_l{ height:auto; width:100%; margin:0; background:none;padding:0px;}
.indexPart4_l .list li{ height:30px; line-height:30px; font-size:14px; overflow:hidden;  position:relative;}
.indexPart4_l .list li em{ display:none;}
.indexPart4_r{ display:none;}

}

@media screen and ( max-width:380px ){
.TeltechnologyPic .btnDiv{ position:absolute; top:37%;}	
.magazine li .name{  font-size:14px;}
.magazine li .btnDiv a{ position:absolute; right:5px;}
	
}

@media screen and ( max-width:320px ){
.TelindexLinks .list li{ text-indent:3%;}
.TeltechnologyPic .btnDiv{ position:absolute; top:30%;}	
.magazine li .name{  font-size:12px;}
.magazine li .btnDiv a{ position:absolute; right:5px;}
.job_B li{ font-size:12px;}

	}