body{background:#fff;font:12px/1.5 'Microsoft YaHei',YaHei,Arial,Helvetica,sans-serif;color:#333} body,p,div,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,img,span,table,tr,td,th,hr,form,ol,tt,iframe,header,article,footer,tt{margin:0;padding:0} img{border:0;vertical-align:middle} ul,li,ol{list-style:none} em,i,address{font-style:normal} .clearfix{zoom:1;display:block} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} input,button{font-family:"微软雅黑";outline:0;border:0} a{color:#333;text-decoration:none;outline:0} a:hover{color:#b7322c;text-decoration:underline} .height10{height:10px;clear:both;overflow:hidden} .height18{height:18px;clear:both;overflow:hidden} .fl{float:left} .fr{float:right} .disNone{display:none} .disBlock{display:block} .layout{width:1200px;margin:0 auto} .fontRed{ color: #b7322c} i{background: url("icon.png")} /**/ #header{ padding: 10px 0; background: #fff;} #header .logo{float:left; margin-top: 14px;} #nav{float:right;} #nav li{float:left; font-size: 16px; margin: 0 0 0 15px; position: relative;} #nav li.navImg{float:none; margin-bottom: 10px; margin-left: 0px; padding-right: 20px; text-align: right;} #nav li a{ display: inline-block; line-height: 35px; height: 35px; padding:0px 20px; border-radius: 3px;} #nav li span{ font-size: 12px; color: #999; margin-left: 8px;} #nav li a:hover{font-weight: bold; color: #791b2d; text-decoration: none;} #nav li a:hover span{color: #791b2d; font-weight: normal;} #nav li.curr a{ font-weight: bold; color: #fff; background: #b7322c;} #nav li.curr span{color: #fff; font-weight: normal;} #nav li.curr a:hover span{color: #fff;} #nav li i.new{ position: absolute; top: -10px; right: 0px; background: url(new.png) no-repeat; width: 32px; height: 19px;} /**/ #footer{ background: #333; border-top:#e0e0e0 solid 1px; min-width: 1200px;} /*#footer .links{ border-bottom: #444 solid 1px;}*/ #footer .links dl{ float:left; width:100%; padding: 20px 0; font-size: 14px;} #footer .links dl dt{ float:left; color: #999;} #footer .links dl dd{ float: left; color: #ccc; } #footer .links dl dd a{color: #999; margin: 0 9px;} #footer .links dl dd a:hover{color:#fff;} #footer .footerNav{border-top:#3b3b3b solid 1px; padding:20px 0; min-width: 1200px;} #footer .footerNav .logo{float:left; margin-top: 32px;} #footer .footerNav ul{ float: left; margin-left:70px; display: inline; padding: 30px 60px 30px 0; border-right: #3b3b3b solid 1px;} #footer .footerNav ul li{ float: left; height: 50px; line-height: 50px; font-size: 16px; padding: 0 25px;} #footer .footerNav ul li i{ float: left; height:50px; width: 50px; margin-right: 12px;} #footer .footerNav ul li a{color: #999;} #footer .footerNav ul li a:hover{color: #fff;} #footer .footerNav ul li a:hover i{ background-position: 0 -60px;} #footer .footerNav ul li i.cIcon{ background-position: -50px 0px;} #footer .footerNav ul li a:hover i.cIcon{ background-position: -50px -60px;} #footer .footerNav ul li i.jIcon{ background-position: -100px 0px;} #footer .footerNav ul li a:hover i.jIcon{ background-position: -100px -60px;} #footer .footerNav .tel{ float: left; height: 109px; padding-left: 60px;} #footer .footerNav .tel h2{ font-size: 30px; color:#fff; padding: 3px 0 5px 0;} #footer .footerNav .tel h2 i{ float: left; height: 37px; width: 37px; background-position: 0 -120px; margin: 5px 12px 0 0;} #footer .footerNav .tel p{ margin-left: 50px; color: #999; padding-top: 5px; font-size: 16px;} #footer .info{ background: #333; border-top:#3b3b3b solid 1px; color: #fff; text-align: center; line-height: 24px; padding:16px 0;} #footer .info a,#footer .info a:hover{ color: #fff;} a.backToTop { display: none;height: 46px; width: 46px;line-height: 1.2; position: fixed; _position: absolute; right: 20px; bottom: 160px; _bottom: "auto"; cursor: pointer; z-index:101; background-image:url(right-fd.png); background-position: 0 -46px; background-repeat: no-repeat; } a.backToTop:hover{background-position: -46px -46px;} a.counterLayer { height: 46px; width: 46px;line-height: 1.2; position: fixed; _position: absolute; right: 20px; bottom: 207px; _bottom: "auto"; cursor: pointer; z-index:101; background-image:url(right-fd.png); background-position: 0 0; background-repeat: no-repeat; } a.counterLayer:hover{background-position: -46px 0;} /**/ .indexBanner{ height: 460px; min-width: 1200px;} .indexBanner .flexslider { background: #fff; position: relative; zoom: 1; height: 460px; width: 100%; z-index: 10} .indexBanner .loading .flex-viewport { height: 0px; } .indexBanner .flexslider .slides { zoom: 1; float: left; height: 460px; width: 100%; position:relative; z-index: 0} .indexBanner .flexslider .slides > li {-webkit-backface-visibility: hidden; height: 460px; width: 100%;} .indexBanner .flexslider .slides > li a{ float:left;width: 100%; display: block; height: 100%;} .indexBanner .flex-control-paging li a { width: 14px; height: 14px; background: #666; opacity: 0.5; box-shadow: 0 0 5px #ccc; } .indexBanner .flex-control-paging li a:hover { background: #fff; } .indexBanner .flex-control-paging li a.flex-active { background: #fff; cursor: default; opacity: 1; } .indexBanner .flex-direction-nav a{ width: 64px; height: 64px; background: url("icon.png") 0 -200px;} .indexBanner .flex-direction-nav .flex-prev { left:30px; } .indexBanner .flex-direction-nav .flex-next { right: 30px; background-position:-100px -200px} .indexTitle{text-align: center; border-bottom: #ddd solid 1px; height: 24px;} .indexTitle em{ display:inline-block; font-size: 30px; font-weight: normal; background: #fff; padding: 0 30px; line-height: 40px;} .indexTitle em span{ font-size: 20px; margin-left: 12px;} /*保险驾到下载弹窗*/ #tanchuanId{position: fixed; top: 20%; left: 0; z-index: 99999; width: 100%; display: none;} #tanchuanId .tanchuanClass{ width: 300px; margin: 0 auto; text-align: center;} #tanchuanId .tanchuanClass img.img1{width: 100%;} #tanchuanId .tanchuanClass img.img2{width: 50px; margin-top: 20px;} .bgtc{position: fixed; width:100%; height:100%; top:0px; left:0; z-index: 99998; background: #000; opacity: 0.6; display: none;} /*新闻动态*/ #news{background: #f1f3f8;} #news dl{ float: left; width: 100%; padding: 10px 0;} #news dl dt{color:#be4a46; font-weight: 800; font-size: 16px; font-style: italic; float: left; width: 100px; height: 32px; line-height: 32px;} #news dl dd{float: left; width: 1100px; line-height: 32px; height: 32px; overflow: hidden;} #news dl dd .newsCon{height: 32px; line-height: 32px; width: 800%;} #news dl dd .newsCon ul li{font-size: 14px; float: left; padding-right: 30px;} #news dl dd .newsCon ul li span{color: #be4a46; font-size: 6px; line-height: 32px;} #news dl dd .newsCon ul li a{ text-decoration: none;} #indexAfbx{overflow: hidden;} #indexAfbx i{ background: url("index.png") no-repeat;} #indexAfbx dl{ float:left; width: 33.3%; text-align: center; margin: 40px 0 0 0px; cursor: pointer;} #indexAfbx dt{ float:left;height:130px; width: 100%; padding: 20px 0; position: relative; } #indexAfbx dt img{ height: 130px;} #indexAfbx dt i.imgI{ display: inline-block; height:130px; width: 180px;} #indexAfbx dd{float:left; width:100%; padding-bottom: 70px; position: relative; text-align: center;} #indexAfbx dd h3{ font-size: 20px; color: #595959; padding: 10px 0 20px 0;} #indexAfbx dd p{ font-size: 14px; color: #999;} #indexAfbx dd .link{ position: absolute; bottom: 0px; left: 0px; width: 100%; display: none; } #indexAfbx dd .link a{ display: inline-block; width: 120px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; font-size: 14px; background: #b51737; color: #fff; } #indexAfbx dl dt i.bgI{ position:absolute; display: none; top:3px; left:4px; height: 131px; width: 163px; background-position: 0 -120px;} #indexAfbx dl:hover dd .link{ display:block;} #indexAfbx dl:hover h3{color: #b51737} #indexAfbx dl.dlB dt i.imgI{ background-position:-180px 0;} #indexAfbx dl.dlC dt i.imgI{ background-position:-360px 0;} #indexAfbx dl.dlD dt i.imgI{ background-position:0px -130px;} #indexYh dt,#indexYh i{ background: url("index.png");} #indexYh dl{ float:left; width: 25%; text-align: center; margin: 60px 0 0 0px;} #indexYh dt{ float:left;height:149px; width: 218px; position: relative; margin-left:44px; background-position: 0 -260px; position: relative;} #indexYh dd{float:left; width:100%; padding-bottom: 40px; position: relative; text-align: center; margin-top: 10px;} #indexYh dd h3{ font-size: 20px; font-weight: normal; color: #595959; padding: 10px 0;} #indexYh dd p{ font-size: 14px; color: #999;} #indexYh dd a{ position: absolute; bottom: -20px; left: 0px; width: 100%; display: none; font-size: 14px; color: #b51737} #indexYh dl:hover dt i.bgI{ } #indexYh dl:hover h3{color: #b51737} #indexYh dl dt i{ position: absolute; width: 42px; height: 42px; top:0px; left: 0px; } #indexYh dl.dlA dt i.iA{ background-position: 0px -600px; left: 22px; top: 36px; z-index: 1} #indexYh dl.dlA dt i.iB{ background-position: -50px -600px; left: 45px; top: 2px; z-index: 10} #indexYh dl.dlA dt i.iC{ background-position: -100px -600px; left: 125px; top: 30px; z-index: 10} #indexYh dl.dlA dt i.iD{ background-position: -150px -600px; left: 147px; top: 1px; z-index: 1} #indexYh dl.dlB dt{ background-position:-300px -260px;} #indexYh dl.dlB dt i.iA{ background-position: 0px -642px; left: 22px; top: 36px; z-index: 1} #indexYh dl.dlB dt i.iB{ background-position: -50px -642px; left: 45px; top: 2px; z-index: 10} #indexYh dl.dlB dt i.iC{ background-position: -100px -642px; left: 130px; top: 30px; z-index: 10} #indexYh dl.dlB dt i.iD{ background-position: -150px -642px; left: 149px; top: 1px; z-index: 1} #indexYh dl.dlC dt{ background-position:0px -420px;} #indexYh dl.dlC dt i.iA{ background-position: 0px -684px; left: 38px; top: 36px; z-index: 1} #indexYh dl.dlC dt i.iB{ background-position: -50px -684px; left: 52px; top: 2px; z-index: 10} #indexYh dl.dlC dt i.iC{ background-position: -100px -684px; left: 120px; top: 30px; z-index: 10} #indexYh dl.dlC dt i.iD{ background-position: -150px -684px; left: 144px; top: 1px; z-index: 1} #indexYh dl.dlD dt{ background-position:-300px -420px;} #indexYh dl.dlD dt i.iA{ background-position: 0px -726px; left: 35px; top: 36px; z-index: 1} #indexYh dl.dlD dt i.iB{ background-position: -50px -726px; left: 48px; top: 2px; z-index: 10} #indexYh dl.dlD dt i.iC{ background-position: -100px -726px; left: 124px; top: 30px; z-index: 10} #indexYh dl.dlD dt i.iD{ background-position: -150px -726px; left: 142px; top: 1px; z-index: 1} #indexCase{background: #373d42; min-width: 1200px;} #indexCase .indexTitle em{background: #373d42; color: #fff;} #indexCase ul{float: left; width: 1200px; margin-top: 50px;} #indexCase li{ float: left; width: 232px; height: 396px; position: relative;} #indexCase li .hzalLi{float: left; height: 337px; width: 100%; margin-top: 59px; position: relative;} #indexCase li .hzalLi img.max{ width: 100%; position: absolute; top: 0px; left: 0; z-index: 0;} #indexCase li .hzalLi .hzalContent{float: left; width: 100%; left: 0; position: absolute; z-index: 10; top: 0; text-align: center;} #indexCase li .hzalContent .hzalIcon{width: 68px; height: 68px; margin-top: 120px; display: inline-block;} #indexCase li .hzalContent .hzalTit{color: #fff;font-size: 20px;line-height: 24px;margin: 0;padding: 0;margin-top: 44px;font-weight: bold;} #indexCase ul li .hzalBg{background: #b02923;position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));} #indexCase ul li .hzalContent .hzalDesc{display: none;} #indexCase li .hzalContent .alink{display: none;} #indexCase li.active .hzalContent h3{display: none;} #indexCase ul li.active{ width: 272px;} #indexCase li.active .hzalLi{ width: 272px; margin-top: 0;} #indexCase ul li.active .hzalBg{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80)); -webkit-box-shadow:0 0 20px #b02923; z-index: 5; width: 100%; height: 396px;} #indexCase ul li.active .hzalContent .hzalDesc{font-size: 14px; text-align: left; color: #fff; margin-top: 40px; padding: 0px 20px; line-height: 24px; height: 96px; display: block; z-index: 1100} #indexCase li.active .hzalContent .hzalIcon{ margin-top: 60px;} #indexCase li.active .hzalContent .alink{ border: #fff solid 1px; display: inline-block; height: 34px; line-height: 34px; padding: 0 40px; font-size: 14px; color: #fff; margin-top: 50px;} #indexCase li.active .hzalContent .alink:hover{ text-decoration: none; border: #ffbcba solid 1px;} #indexXxjg{min-width: 1200px;} #indexXxjg .indexTitle em{} .tenbentMap{position: relative; width: 100%; height: 535px; background: url("../img/map.png") center no-repeat;} .pointArea{text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;} .pointArea .point{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent;} .pointArea .pointWhite {background-color: #fff; border: 1px solid #57c2f2; width: 8px; height: 8px;} .pointArea .pointBlue {background-color: #57c2f2; border: 1px solid #57c2f2;} .pointArea .pointName{position: absolute; top:72px; left: 50px; font-size: 16px; color: #666;} .pointArea .pointNameCountry{font-size: 12px; color: #999;} .pointArea .pointShadow:after {-webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16); -moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16); box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);} .pointArea .point10 { width: 100%; height: 100%; } .pointArea .point10:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 225ms infinite; -moz-animation: ripple 4500ms ease-out 225ms infinite; -o-animation: ripple 4500ms ease-out 225ms infinite; animation: ripple 4500ms ease-out 225ms infinite; } .pointArea .point20 { width: 100%; height: 100%; } .pointArea .point20:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 450ms infinite; -moz-animation: ripple 4500ms ease-out 450ms infinite; -o-animation: ripple 4500ms ease-out 450ms infinite; animation: ripple 4500ms ease-out 450ms infinite; } .pointArea .point30 { width: 100%; height: 100%; } .pointArea .point30:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 675ms infinite; -moz-animation: ripple 4500ms ease-out 675ms infinite; -o-animation: ripple 4500ms ease-out 675ms infinite; animation: ripple 4500ms ease-out 675ms infinite; } .pointArea .point40 { width: 100%; height: 100%; } .pointArea .point40:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 900ms infinite; -moz-animation: ripple 4500ms ease-out 900ms infinite; -o-animation: ripple 4500ms ease-out 900ms infinite; animation: ripple 4500ms ease-out 900ms infinite; } .pointArea .point50 { width: 100%; height: 100%; } .pointArea .point50:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 1125ms infinite; -moz-animation: ripple 4500ms ease-out 1125ms infinite; -o-animation: ripple 4500ms ease-out 1125ms infinite; animation: ripple 4500ms ease-out 1125ms infinite; } .pointArea .point60 { width: 100%; height: 100%; } .pointArea .point60:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 1350ms infinite; -moz-animation: ripple 4500ms ease-out 1350ms infinite; -o-animation: ripple 4500ms ease-out 1350ms infinite; animation: ripple 4500ms ease-out 1350ms infinite; } .pointArea .point70 { width: 100%; height: 100%; } .pointArea .point70:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 1575ms infinite; -moz-animation: ripple 4500ms ease-out 1575ms infinite; -o-animation: ripple 4500ms ease-out 1575ms infinite; animation: ripple 4500ms ease-out 1575ms infinite; } .pointArea .point80 { width: 100%; height: 100%; } .pointArea .point80:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 1800ms infinite; -moz-animation: ripple 4500ms ease-out 1800ms infinite; -o-animation: ripple 4500ms ease-out 1800ms infinite; animation: ripple 4500ms ease-out 1800ms infinite; } .pointArea .point90 { width: 100%; height: 100%; } .pointArea .point90:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 2025ms infinite; -moz-animation: ripple 4500ms ease-out 2025ms infinite; -o-animation: ripple 4500ms ease-out 2025ms infinite; animation: ripple 4500ms ease-out 2025ms infinite; } .pointArea .point100 { width: 100%; height: 100%; } .pointArea .point100:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #57c2f2; border: 0\9; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); -webkit-animation: ripple 4500ms ease-out 2250ms infinite; -moz-animation: ripple 4500ms ease-out 2250ms infinite; -o-animation: ripple 4500ms ease-out 2250ms infinite; animation: ripple 4500ms ease-out 2250ms infinite; } @-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; } 100%{ opacity:0; -webkit-transform:scale(1)}} @-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; } 100%{ opacity:0; -moz-transform:scale(1)}} @-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; } 100%{ opacity:0; -o-transform:scale(1)}} @keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; } 100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}} #indexHzhb{margin-top: 20px;} #indexHzhb .imgUl{ float: left; width: 100%; height: 150px; overflow: hidden;} #indexHzhb .flexslider2 { background: #fff; position: relative; zoom: 1; height: 90px; padding: 0 50px; margin:60px 0 0 20px; z-index: 10} #indexHzhb .loading .flex-viewport { height: 0px; } #indexHzhb .flexslider2 .slides { zoom: 1; float: left; height: 90px; width: 100%; position:relative; z-index: 0} #indexHzhb .flexslider2 .slides > li {-webkit-backface-visibility: hidden; height: 90px; float: left;} #indexHzhb .flexslider2 .slides > li span{ display: inline-block; height:88px; width: 198px; text-align: center; border: #eee solid 1px;} #indexHzhb .flexslider2 .slides > li span img{ margin-top: 17px;} #indexHzhb .flexslider2 .slides > li a{ float:left;width: 100%; display: block; height: 100%;} #indexHzhb .flex-control-paging{ display: none;} #indexHzhb .flex-direction-nav a{ width:11px; height: 27px; opacity: 1; background: url("icon.png") 0 -270px; top: 50px;} #indexHzhb .flex-direction-nav .flex-prev { left:-10px; } #indexHzhb .flex-direction-nav .flex-next { right: 0px; background-position:-11px -270px} #indexHzhb .flex-direction-nav .flex-disabled { opacity: 1!important; filter:alpha(opacity=100); cursor: pointer; } #indexMtcb table,#indexHzhb table{ border-top: #eee solid 1px; border-left: #eee solid 1px; margin-top: 50px; width: 100%;} #indexMtcb table td,#indexHzhb table td{position: relative; border-bottom: #eee solid 1px; border-right: #eee solid 1px; text-align: center; padding: 4px 0;} #indexMtcb{margin-top: 20px; margin-bottom: 60px;} #indexMtcb table td:before,#indexHzhb table td:before{content: ''; position: absolute; left: 0px; top: 0px; background: #fff; width: 100%; height: 100%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;} #indexMtcb table td:hover:before,#indexHzhb table td:hover:before{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} .bannerClass{ min-width: 1200px; height:230px;} .aboutTitle{text-align: center; border-bottom: #ddd solid 1px; height: 24px;} .aboutTitle em{ display:inline-block; font-size: 30px; font-weight: normal; background: #fff; padding: 0 30px; line-height: 40px; color: #b7322c} .aboutTitle em span{ display: inline-block; height: 40px; width: 40px; color: #fff; background: #b7322c; margin: 0px 12px 0 0px;} .aboutText{ text-align: left; font-size: 14px; line-height: 30px; color: #3a3e47} .aboutText p{ padding: 5px 0;} #about .imgMax ul{ float: left; width: 100%;} #about .imgMax ul li{float: left; text-align: center; width: 33.33%; text-align: center;} #about .imgMax ul li img{ width: 366px; height: 244px; cursor: pointer;} #about .aboutText dl{overflow: hidden; width: 1180px; padding: 0 10px; text-align: center;} #about .aboutText dl dt{float: left; width: 385px; height: 173px; padding-top:25px; background: #b51737; color: #fff;} #about .aboutText dl dt p b{font-size: 30px;line-height: 66px;} #about .aboutText dl dt p{line-height: 24px; font-size: 16px;} #about .aboutText dl dd{float: left; width: 145px; height: 135px; padding-top: 60px; border:1px solid #999; border-bottom: 2px solid #b51737; margin-left: 10px;} #about .aboutText dl dd b{font-size: 20px;} #about .aboutText dl dd i{display: block; width: 40px; height: 40px; margin: 0 auto; margin-top: 40px;} #about .aboutText dl dd i.tIcon{background-position: 0px -534px;} #about .aboutText dl dd i.sIcon{background-position: -40px -534px;} #about .aboutText dl dd i.iIcon{background-position: -80px -534px;} #contect .contectDl{ float: left; width: 1100px; background: url("../img/contectMap.png") center no-repeat; padding: 20px 0px; margin: 0 50px; min-height: 554px;} #contect .contectDl dl{ float: right; width: 485px; margin: 90px 0 0 0; font-size: 14px;} #contect .contectDl dl dt{ color: #b7322c; font-size: 24px;} #contect .contectDl dl dd{float: left; width: 100%; margin-top: 25px;} #contect .contectDl dl dd i{ float: left; height:71px; width: 71px; background-position: 0 -320px; margin-right: 15px;} #contect .contectDl dl dd i.iB{background-position:-100px -320px;} #contect .contectDl dl dd i.iC{background-position:0px -400px;} #contect .contectDl dl dd i.iC{background-position:-100px -400px;} #contect .contectDl dl dd h3{ font-size: 16px; font-weight: normal; padding: 8px 0;} #contect .contectDl dl dd p{ color: #666;} #photoAlbum .close,#photoAlbum .but{background:url(icon.png)} #photoAlbum{display:none} #photoAlbum .blackBg{background-color:black;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;z-index:1500;position:fixed;top:0;left:0} #photoAlbum .bigImg{text-align:center;z-index:2000;position:fixed;top:0;left:0;width:100%} #photoAlbum .bigImg img{box-shadow:0 0 5px #666} #photoAlbum .close{z-index:2000;position:fixed;top:20px;right:20px;height:12px;width:12px;background-position:0px -480px} #photoAlbum .close:hover{background-position:-20px -480px} #photoAlbum .but{z-index:2000;position:fixed;top:50%;height:54px;width:25px;background-position:-50px -480px} #photoAlbum .left{left:50px} #photoAlbum .left:hover{background-position:-100px -480px} #photoAlbum .right{right:50px;background-position:-75px -480px} #photoAlbum .right:hover{background-position:-125px -480px} #join .nav{ float: left; width: 230px; position: relative;} #join .nav dl{ float: left; width: 230px} #join .nav dl dt{ height: 40px; line-height: 40px; padding: 5px 34px; border-bottom: #eee solid 1px; color: #b7322c; font-size: 16px; font-weight: bold;} #join .nav dl dd{ height: 30px; line-height:30px; padding: 12px 34px; border-bottom: #eee solid 1px; font-size: 16px;} #join .nav dl dd.curr a{ color: #b7322c} #join .joinMian{ float: right; width: 860px; border: #eee solid 1px; padding: 30px;} #join .contect .title{ float: left; width: 96%; padding: 0px 2% 20px 2%; border-bottom: #ddd solid 1px; line-height: 32px;} #join .contect .title h3{ float: left; font-size: 24px; color: #b7322c; } #join .contect .title p{ float: left; font-size: 14px; color: #999; margin-left: 24px;} #join .contect .text{ float: left; width: 96%; padding: 20px 2%; font-size: 14px;} #join .contect .text p{ line-height: 24px; padding: 12px 0; color: #666;} #join .joinMian .joinFooter{float: left; width: 96%; padding: 0px 2%; font-size: 14px; padding-bottom: 20px; } #tbchina .jgnameTit{font-size: 26px; color: #333; text-align: center;} #tbchina table{width: 1030px; margin: 0 auto;} #tbchina table th{border-bottom: #d36560 solid 1px; border-top: #d36560 solid 1px; background: #fef5f5; font-size: 16px; padding: 10px 0; font-weight: normal;} #tbchina table th.topbor{border-left:1px solid #d36560;} #tbchina table th i{display: inline-block; width: 26px; height: 26px; margin-bottom: -5px; margin-right: 6px;} #tbchina table tr.tabBottom{background: #f6f4f4;} #tbchina table .tabBottom{background: #f6f4f4;} #tbchina table .tabBottom td{text-align: center; font-size: 16px; color: #333; padding: 20px 0; line-height: 44px;} #tbchina table .tabBottom td.topbor{border-right: 0px;} #tbchina table .tabBottom i{display: inline-block; width: 44px; height: 44px; margin-bottom: -17px; margin-right: 10px;} #tbchina table .tabBottom i.contact{background-position: 0px -613px;} #tbchina table .tabBottom i.email{background-position: -44px -613px;} #tbchina table th i.region{background-position: 0px -582px;} #tbchina table th i.name{background-position: -26px -582px;} #tbchina table th i.address{background-position: -52px -582px;} #tbchina table tr.list{background: #fafafa;} #tbchina table td{border-bottom: #dcdcdc solid 1px; border-right: #dcdcdc solid 1px; font-size: 14px; color: #666; text-align: left; padding: 10px 0 10px 32px;} #tbchina table td.topbor{border-left:1px solid #dcdcdc; text-align: center; padding: 10px 0px;} #tbchina table td.deepRed{color:#5a3b3a;} #business{ min-width: 1200px;} #business .bgf3{background: #f3f3f3;} #business .bgf3 .aboutTitle{border-color: #d6d6d6;} #business .bgf3 .aboutTitle em{background: #f3f3f3;} #business .businessMap{width: 1040px; height: 580px; margin: 0 auto; background: url("../img/businessMap.png") center no-repeat;} #businessBb ul{width: 990px; margin: 0 auto; overflow: hidden;} #businessBb ul li{float: left; font-size: 18px; text-align: center; width: 330px;} #businessBb .ibg{display: block; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 26px; padding-left: 22px; padding-top: 22px; background-position: -172px 0px;} #businessBb .ibg i{display: block; width: 60px; height: 60px;} #businessBb .ibg .netSys{background-position: -172px -126px;} #businessBb .ibg .disSys{background-position: -232px -126px;} #businessBb .ibg .socSys{background-position: -292px -126px;} #businessJd .business_dl{ float: left; width: 100%;} #businessJd .business_dl dl{ float: left; width: 27.33%; padding: 0 3%; margin-top: 50px;} #businessJd .business_dl dl dt{ text-align: center; padding-bottom: 20px;} #businessJd .business_dl dl dd{ text-align: center; } #businessJd .business_dl dl dd h3{ font-size: 18px; padding-bottom: 10px;} #businessJd .business_dl dl dd p{ line-height: 20px; min-height: 60px;} #businessWx .business_dl{ float: left; width: 70%; padding: 0 15%;} #businessWx .business_dl dl{ float: left; width: 50%; padding: 0 0%; margin-top: 30px;} #businessWx .business_dl dl dt{ float: left; width: 70px;} #businessWx .business_dl dl dd{ float: left; width: 60%; padding-left: 20px; } #businessWx .business_dl dl dd h3{ font-size: 18px; padding-bottom: 10px;} #businessWx .business_dl dl dd p{ line-height: 20px; min-height: 40px;} #businessSaas ul{width: 1061px; margin: 0 auto; overflow: hidden;} #businessSaas ul li{float: left; width: 285px; height: 194px; padding-top: 46px; margin-left: 50px; margin-bottom: 20px; font-size: 14px; text-align: center; color: #666; border: 1px solid #d2d2d2;} #businessSaas ul li i{display: block; width: 52px; height: 52px; margin: 0 auto;} #businessSaas ul li i.icon{background-position: -172px -186px;} #businessSaas ul li i.icon1{background-position: -224px -186px;} #businessSaas ul li i.icon2{background-position: -276px -186px;} #businessSaas ul li i.icon3{background-position: -328px -186px;} #businessSaas ul li i.icon4{background-position: -172px -238px;} #businessSaas ul li i.icon5{background-position: -224px -238px;} #businessSaas ul li h2{margin-top: 20px; margin-bottom: 16px; font-size: 20px; font-weight: normal; color: #000;} #business .aboutText{text-align: center;} #businessYun{min-width: 1200px;} #businessYun ul{overflow: hidden;} #businessYun ul li{float: left; font-size: 14px; text-align: center; width: 300px;} #businessYun .ibg{display: block; width: 88px; height: 98px; margin: 0 auto; margin-bottom: 26px; padding-left: 18px; padding-top: 24px; background-position: -275px 0px;} #businessYun .ibg i{display: block; width: 70px; height: 70px;} #businessYun .ibg .icon{background-position: -172px -290px;} #businessYun .ibg .icon1{background-position: -242px -290px;} #businessYun .ibg .icon2{background-position: -312px -290px;} #businessYun .ibg .icon3{background-position: -172px -360px;} .case-bgcolor{background: #f5f9fc; } .case-title{padding-top: 60px;} .case-title .layout{ background: url(../img/case/titlebg.png) no-repeat center; min-height: 79px; text-align: center; } .case-title h3{ color: #b7322c; font-size: 32px; padding: 12px 0 0 0;} .case-title span{ color: #bebebe; font-size: 16px; font-family:"Arial"; font-weight: 0;} .case-li{margin:0 15px; padding: 80px 0;} .case-li-img{float: left; margin: 0 35px; display: inline;} .case-li-text{float: left; margin: 0 35px; display: inline; width: 42%; margin-top: 30px;} .case-li-text h2{ float: left; width: 100%; font-size: 26px; line-height: 51px; padding-bottom: 30px;} .case-li-text h2 i{ float: left; background: url(../img/case/nuberbg.png) no-repeat; height: 51px; width: 44px; font-family: Arial; color: #fff; text-align: center; line-height: 51px; font-weight: normal; font-size: 30px; margin-right: 12px; display: inline;} .case-li-text p{line-height: 24px; padding: 6px 0; font-size: 14px; color: #666;} .case-li-text p b{color: #333;} #zizhiId{} #zizhiId ul{} #zizhiId ul li{ text-align: center;} #zizhiId ul li .zizhiText{ padding:40px 0 15px 0; font-size: 16px; text-align: left; text-indent: 78px; font-weight: bold;} #zizhiId ul li img{ border: #a98633 solid 2px; margin: 0 20px;} .pBannerClass{ background: #242933; height: 400px;} .pMenu { margin: 0 auto; width: 1200px; padding-top: 54px; display: flex; justify-content: space-between;} .pSubMenu { width: 255px; height: 240px; border-radius: 6px; padding-top: 50px; position: relative; box-shadow: 15px 15px 30px 0 #12151A; cursor: pointer;} .pSubMenu.yiwai { background: url(../img/product/yiwai.png) -6px -6px no-repeat;} .pSubMenu.car { background: url(../img/product/car.png) -6px -6px no-repeat;} .pSubMenu.study { background: url(../img/product/study.png) -36px -36px no-repeat;} .pSubMenu.boss { background: url(../img/product/boss.png) -36px -36px no-repeat;} .pSubMenu.hover { background-image: unset; background-color: #B7322D;} .pSubMenu dt { font-size: 22px; color: white; font-weight: bold; line-height: 30px; margin-left: 43px; margin-bottom: 28px;} .pSubMenu dt.subTitle { font-size: 18px; margin-top: -28px;} .pSubMenu dd { margin: 0 auto; font-size: 14px; color: #E9C1C0; width: 168px; display: none;} .pSubMenu.hover dd { display: block;} .pSubMenu .tag { background: rgba(255,255,255,0.70); border-radius: 4px; width: 73px; line-height: 20px; text-align: center; margin-left: 44px; margin-top: 37px; color: #B7322D; display: none;} .pSubMenu.hover .tag { display: block;} .pMask { position: absolute; top: -1000px; width: 255px; height: 290px; opacity: 0.7; box-shadow: 0 0 20px 0 #b02923; border-radius: 6px; -webkit-box-shadow: 0 0 20px #b02923;} .pSubMenu.hover .pMask { top: 0;} .pDescBanner { height: 220px; background: url(../img/product/prodbannerbg.png) -240px center;} .pDesc { padding-top: 38px; text-align: center; font-size: 14px;} .pDesc h3 { color: #AE2E2A; font-size: 26px; line-height: 38px; margin-left: 10px;} .pTitle { display: flex; justify-content: center;} .iconFire { background: url(../img/product/icon-fire.png) no-repeat; width: 30px; height: 31px; display: inline-block;} .iconCar { background: url(../img/product/icon-car.png) 0 2px no-repeat; width: 30px; height: 31px; display: inline-block;} .iconStudy { background: url(../img/product/icon-study.png) 0 1px no-repeat; width: 30px; height: 31px; display: inline-block;} .iconProtect { background: url(../img/product/icon-protect.png) 0 2px no-repeat; width: 30px; height: 31px; display: inline-block;} .pTitleDesc { margin-top: 10px; color: #666666;} .pTitleTag { margin-top: 30px; display: flex; justify-content: center;} .pTitleTag li { margin-left: 10px; margin-right: 10px; line-height: 36px; width: 100px; height: 36px; background: url(../img/product/tag.png) -4px -4px no-repeat; box-shadow: 5px 6px 10px 0 #C5CBD0;} .pContent { padding-top: 68px; width: 1000px; margin: 0 auto;} .pContent tr { font-size: 14px; line-height: 28px;} .pContent td.pContentTitle { color: #B7322D; font-weight: bold; font-size: 16px; vertical-align: top;} .product { display: none;} .product.show { display: block;}