/* main *********************************************************/ .wrap1200 .wrap, .wrap { width:1200px; margin:0 auto} .wrap980 .wrap { width:980px; margin:0 auto} .main { margin:0px; padding:0 0 30px 0; overflow:hidden} .wrap h1 { font-size:30px; color:#333;} .main h2 { font-size:30px; color:#333; letter-spacing:1px} .main h3 { margin-top:5px; font-size:18px; color:#666; letter-spacing:1px} .main p { padding-bottom:20px; font-size:16px; line-height:30px} .product h3 { margin-bottom:10px} .product p { margin-bottom:10px} /* header *********************************************************/ .header .chat { float:right; margin-top:26px} .header .chat li { float:left; position:relative; height:32px;} .header .chat li a { margin-right:7px; width:32px; height:32px; line-height:32px; font-style:normal; display:inline-block; background:no-repeat left center} .header .chat li.chat_qq a { background-image:url(../images/chat_qq.png)} .header .chat li.chat_wx a { background-image:url(../images/chat_wx.png)} .header .chat_wx { margin-right:10px} .header .chat_tck { position:absolute; top:30px; left:-65px; padding-top:15px; text-align:center; z-index:100; display:none} .header .chat_tck div { width:150px; padding:5px; border:1px solid #c2c2c2; border-radius:3px; font-size:12px; line-height:22px; background:#fff} .header .chat_tck img { width:150px; height:150px;} .header .chat_tck i { position:absolute; left:75px; top:7px; width:18px; height:9px; background:url(../images/chat_arrow.png) no-repeat} .error { width:100%; padding:100px 0; text-align:center} .error a { margin-top:30px; display:block} /* sub **********************************************************/ .sub_nav { height:56px;} .sub { width:100%; height:56px; background:url(../images/about/meun_bg.png) repeat; position:absolute; bottom:0;} .sub li { display:inline-block; float:left; height:56px; line-height:56px} .sub li a { position:relative; line-height:52px; display:block; font-size:18px; color:#fff; text-align:center; margin:0 45px;} .sub li span { display:block;} .sub li:last-child span { border-right:none} .sub li i { position:absolute; left:50%; bottom:0; margin-left:-12px} .sub li a:hover { color:#05cbe2; border-bottom:4px solid #05cbe2;} .sub li a.subCur { color:#05cbe2; border-bottom:4px solid #05cbe2;} .sub li a.subCur i { border-color:transparent transparent #fff transparent; border-style:solid; border-width:0 12px 12px 12px; width:0; height:0; font-size:0; line-height:0; padding:0; overflow:hidden} .sub.subFix { position:fixed; left:0; top:80px; background:url(../images/about/meun_bg.png) repeat; z-index:9} .sub2 li { width:50%} .sub3 li { width:33.333334%} .sub4 li { width:25%} .sub5 li { width:20%} .sub6 li { width:16.666667%} .sub7 li { width:14.285714%} .sub8 li { width:12.5%} .sub9 li { width:11.111112%} .wrap980 .sub7 li a{ margin:0;} .sub_con { padding-bottom:20px; overflow:hidden} .sub_con dl { float:left; width:100%; line-height:30px} .sub_con dt { font-weight:bold} .sub_con dd, .sub_con p { line-height:30px;} .sub_swiper { overflow:auto} /* banner *********************************************************/ /* 首页 banner */ .banner1 { position:relative; width:100%; height:500px; overflow:hidden; z-index:0} .banner1 .hd { position:absolute; height:46px; left:0; bottom:0; width:100%; text-align:center; _background:#fff; _filter:alpha(opacity=60); z-index:9} .banner1 .hd ul { text-align:center} .banner1 .hd li { display:inline-block; padding:20px 0; margin:0 10px; cursor:pointer} .banner1 .hd li a { display:block; width:40px; height:6px; vertical-align:middle; border-radius:3px; background:#fff; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; line-height:9999px; transition:all 0.2s ease-in-out;} .banner1 .hd li.on a { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0} .banner1 .bd { margin:0 auto; overflow:hidden} .banner1 .bd ul { width:100% !important} .banner1 .bd li { width:100% !important; height:500px; text-align:center; background:no-repeat center; background-size:auto 100%} .banner1 .bd li a { display:block; height:100%} .banner1 .prev, .banner1 .next { position:absolute; top:50%; width:30px; height:60px; margin-top:-30px; background: url(../images/banner_arrow.png) no-repeat 0 0; cursor:pointer; text-indent:-9999px; filter:alpha(opacity=20); opacity:0.4; z-index:10; display:none} .banner1 .prev { left:50px} .banner1 .next { right:50px; background-position:-30px 0} .banner1 .prev:hover, .banner1 .next:hover { filter:alpha(opacity=90) !important; opacity:0.9 !important} .banner1 .banner_txt { display:inline} .banner1 .banner_item1 .banner_txt { color:#750600; text-align:center} .banner1 .banner_item1 .banner_txt h1 { margin-top:60px; color:#750600} .banner1 .banner_item2 .banner_txt { position:absolute; left:0; top:80px} .wrap980 .banner1, .wrap980 .banner1 .bd li { height:400px} /* 内页 banner */ .banner{ position:relative; width:100%; height:500px; background:no-repeat center; overflow:hidden} .banner_txt{ text-align:center; vertical-align:middle; color:#fff} .banner_txt h1{ font-size:40px; font-weight:bold; color:#fff} .banner_txt h2{ margin-top:20px; font-size:18px; line-height:30px} .banner_btn a { width:140px; height:35px !important; line-height:35px; margin:30px 15px 0 0; font-size:16px; color:#fff; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block !important} .banner_btn a:hover { background:#ff9036} .banner_btn a.banner_btn1 { background:#05cbe2} .banner_btn a.banner_btn2 { background:#f70} .banner_btn a.banner_btn1:hover { background:#38c1fd} .banner_btn a.banner_btn2:hover { background:#ff9036} .wrap980 .banner .bd li { width:980px !important} .wrap980 .banner_txt { padding-left:50px} .wrap980 .banner_txt h1 { font-size:40px} .wrap980 .banner_txt h2 { font-size:18px} /* 关于智慧交通 */ .banner_intro { background-image:url(../images/banner/banner_intro.jpg)} /* 关于迪蒙 */ .banner_about { background-image:url(../images/banner/banner_about.jpg)} /* 资讯中心 */ .banner_news { background-image:url(../images/banner/banner_news.jpg)} /* 网约专车系统 */ .banner_specialCar { background-image:url(../images/banner/banner_specialCar.jpg)} .banner_specialCar .banner_txt h1, .banner_specialCar .banner_txt h2 { color:#fff; text-align:left;} .banner_specialCar .banner_txt{ padding-top:60px;} /* 汽车租赁系统 */ .banner_lease { background-image:url(../images/banner/banner_lease.jpg)} /* 迪蒙汽车金融解决方案 */ .banner_autofinance { background-image:url(../images/banner/banner_autofinance.jpg)} /* 迪蒙解决方案 */ .banner_parking { background-image:url(../images/banner/banner_parking.jpg)} .banner_parking .banner_txt h1 { color:#fff; font-size:50px;} .banner_parking .banner_txt h2 { color:#fff; font-size:24px; line-height:36px;} .banner_parking2 { background-image:url(../images/banner/banner_parking2.jpg)} .banner_parking2 .banner_txt h1, .banner_parking2 .banner_txt h2 { color:#fff; font-size:50px;} .banner_parking2 .banner_txt h2{ font-size:24px; line-height:36px;} /* app */ .banner_app{ background-image:url(../images/banner/banner_app.jpg)} .scan_app{ position:relative;} .scavenging-img{ padding-top:120px;} .scavenging-img h1{ width:100%; height:48px; margin-bottom:40px;background:url(../images/app/ztc_app_t.png) no-repeat;} .wrap980 .scavenging-img h1{ width:100%; height:38px; margin-bottom:40px; background:url(../images/app/ztc_app_t1.png) no-repeat;} .b_code_left{ float:left;} .b_code_left ul li{ float:left; padding:0 15px; line-height:40px; font-size:16px;} .version-left{ float:left; padding-left:30px; width:210px;} .version-left a{ width:210px; height:52px; line-height:52px; margin-bottom:20px; border-radius:50px; border:1px solid #fff; display:inline-block; color:#fff;position:relative; behavior:url(../pie/pie.htc) } .version-left a:hover{background:url(../images/filter_bg.png)} .download_icon{ width:40px; height:40px; margin-right:5px; background:url(../images/app/banben_pic.png) no-repeat; display:inline-block; vertical-align:middle;} .download_icon01{ background-position:0 0;} .download_icon02{ background-position:-40px 0;} .app_info_con{ width:100%; display:inline-block;} .app_info_con01{ background:url(../images/app/app_info_bg01.jpg) no-repeat center 0; height:800px;} .app_info_con02{ background:url(../images/app/app_info_bg02.jpg) no-repeat center 0; height:800px;} .app_info_con03{ background:url(../images/app/app_info_bg03.jpg) no-repeat center 0; height:795px;} .app_info_con04{ background:url(../images/app/app_info_bg04.jpg) no-repeat center 0; height:800px;} .app-margin{ padding-bottom:0;} /* 加入我们 */ .banner_recruit{ background-image:url(../images/banner/banner_recruit.jpg)} .recruit-con{ padding-top:70px;} .recruit-con h2{ text-align:center; font-size:24px;} .contact-btn{ width:122px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; border-radius:10px; float:right; display:inline-block; background:#05cbe2; cursor:pointer; } .contact-btn:hover{ color:#fff;} .recruit-post01{ border-bottom:1px dashed #ebebeb; padding-bottom:50px; padding-top:50px;} .recruit-post01 h4{ font-size:20px;} .recruit-post01 .pt0{ padding-top:0;} .recruit-post01 h5{ font-size:16px; color:#999; border-bottom:1px solid #ebebeb; padding-bottom:20px; margin-top:5px; width:210px;} .post-require p{ padding-left:30px; position:relative; padding-top:0;} .post-require em{ position:absolute; left:0;} .recruit-arrow{ width:22px; height:22px; background:url(../images/about/jiantou_img.png) no-repeat; display:inline-block; cursor:pointer;} .recruit-upward{ background-position:0 -22px;} .div-show{ display:none; border-top:1px dashed #ebebeb; border-bottom:none; } /* 底部咨询 */ .service { width:100%; height:165px; margin-top:30px; padding-top:65px; font-size:36px; color:#fff; text-align:center; background:url(../images/service_bg.jpg) no-repeat; overflow:hidden} .service li { display:inline} .service input { width:450px; height:48px; line-height:48px; padding:0 10px; font-size:18px; border:none} .service button { width:160px; line-height:50px; font-size:20px; color:#fff; text-align:center; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f70; cursor:pointer} .service button:hover { background:#f17817} .service ::-webkit-input-placeholder { font-size:18px; font-weight:normal; color:#ccc} .service :-moz-placeholder { font-size:18px; font-weight:normal; color:#ccc} .service ::-moz-placeholder { font-size:18px; font-weight:normal; color:#ccc} .service :-ms-input-placeholder { font-size:18px; font-weight:normal; color:#ccc} /* footer *********************************************************/ .footer { width:100%; font-size:14px; color:#a5a6a7; background:#191c27; overflow:hidden} .footer .wrap { overflow:hidden} .footer_menu dl { float:left; margin-right:10%; padding:60px 0} .footer_menu dl dt { padding-bottom:10px; font-size:16px; color:#bcbec1; font-weight:bold;} .footer_menu dl dd { padding:5px 0} .footer_menu dl dd a { color:#a5a6a7;} .footer_menu dl dd a:hover { color:#05cbe2} .footer_menu dl:nth-of-type(4){width:140px; margin-right:0 !important} .footer_link { padding:20px 0; line-height:25px; border-top:1px solid #505259/* background:#efefef*/} .footer_link dt { float:left; width:80px; height:100%; font-size:16px} .footer_link dd { height:30px; margin-left:85px; padding-right:100px; overflow:hidden} .footer_link dd a { margin-right:15px; font-size:14px; color:#a5a6a7;} .footer_link dd a:hover { color:#05cbe2} .footer_link .wrap { position:relative} .footer_link .footer_more { position:absolute; right:0; top:0} .footer_link .footer_more a { cursor:pointer;} .footer_more span{ color:#a5a6a7;} .footer_tel { font-size:32px; font-weight:bold; color:#666} .footer_tel img { margin:-5px 10px 0 0} .footer_contact { float:right !important; width:26% !important; margin-right:0 !important} .footer_contact a { font-size:14px !important} .footer_copyright { width:100%; padding:20px 0; border-top:1px solid #505259; text-align:center; overflow:hidden} .footer_copyright span { padding:0 10px} .footer_copyright a { color:#666} .footer_code dl { width:140px} .footer_code dd { cursor:pointer} .footer_code img { width:100%} /* .footer_code { text-align:center; width:22% !important; margin-right:0 !important;} .footer_code dd { float:left; width:42%; margin:0 4%; text-align:center} .footer_code img { margin-bottom:10px}*/ .wrap980 .footer_menu dl{ margin-right:8%} .wrap980 .footer_tel { font-size:24px} .wrap980 .footer_tel img { width:30px} .wrap980 .footer_menu dl dd a { font-size:14px} .wrap980 .footer_contact { width:28% !important} .footer_icon{ width:20px; height:20px; background:url(../images/home/foonter_icon.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:20px;} .footer_icon01{ background-position:0 0;} .footer_icon02{ background-position:0 -20px;} .footer_icon03{ background-position:0 -40px;} .footer_icon04{ background-position:0 -60px;} /* switch **********************************************************/ .switch { padding:30px 0; text-align:center} .switch span { padding:0 20px; font-size:42px; color:#999} .switch span a { display:inline-block; color:#333} .switch span a:hover { background:#ade1f5} .switch a.selectd { color:#999} /* 首页 *********************************************************/ /* 热点资讯 */ .index_hotnews { width:100%; height:24px; padding:18px 0; border-bottom:1px solid #eee; zoom:1; overflow:hidden} .index_hotnews .wrap { position:relative} .index_hotnews strong { float:left; height:24px; padding-left:40px; margin-right:20px; font-size:16px; color:#f70; background:url(../images/icon_hot1.png) no-repeat left center} .index_hotnews strong span { margin-left:20px; font-weight:normal; color:#dddddd} .index_hotnews li a { font-size:16px; color:#666} .index_hotnews li a:hover { color:#f70} .index_hotnews .index_hotnews_page { position:absolute; right:0; top:-2px} .index_hotnews .index_hotnews_page a { display:block; width:20px; height:12px; margin-bottom:5px; line-height:0; background:url(../images/icon_hot2.png) no-repeat -20px 0; overflow:hidden; text-indent:-999em} .index_hotnews .index_hotnews_page a.next { background-position:-20px -12px} .index_hotnews .index_hotnews_page a.prev:hover { background-position:0 0} .index_hotnews .index_hotnews_page a.next:hover {background-position:0 -12px} /* 迪蒙智慧交通整体解决方案 */ .index_solution { margin:40px 0} .index_solution p { padding-top:10px; font-size:16px; color:#666; line-height:30px} .index_solution a { color:#05cbe2} .index_solution a:hover { text-decoration:underline} /* 为你而生 共享智慧未来 */ .index_service { height:310px; background:url(../images/index_solution.jpg) no-repeat} .index_service ul { margin:0 -10px} .index_service li { float:left; width:25%; height:310px} .index_service_item { height:250px; padding-top:60px; margin:0 10px; background:url(../images/index_solution_bg1.png) repeat-x} .index_service_item p { margin-bottom:10px; font-size:18px; color:#fff; text-align:center; line-height:30px; transition:all .6s; -moz-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s} .index_service_item img { width:116px; height:116px; border:4px solid #90d3f4; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:relative; behavior:url(../pie/PIE.htc)} .index_service li:hover .index_service_item { background-image:url(../images/index_solution_bg2.png)} .index_service li:hover .index_service_item p { -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); transform:translate(0,-10px)} /* 迪蒙智慧交通产品展示 */ .index_show { margin:50px 0; overflow:hidden} .index_show ul { margin:10px -20px 0 -20px} .index_show li { float:left; width:33.3333%;} .index_show_item { margin:15px 20px; font-size:16px; color:#666; line-height:30px; border:1px solid #dedede; padding-bottom:20px; height:385px; } .index_show_item:hover{ box-shadow: 0 0 20px #ddd;} .index_show_title { position:relative; margin:15px 0; font-size:24px; font-weight:normal; color:#f70; padding:0 15px;} .index_show_title a { color:#333;} .index_show_title a:hover{ color:#05cbe2;} .index_show_more { margin-top:10px; text-align:center;} .index_show_more a { font-size:16px; width:130px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:2px; background:#1acfe4; display:inline-block;} .index_show li:hover .index_show_more a,.index_show_more a:hover{ background:#1dd7ed; } /*.index_show li:hover .scale img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}*/ .wrap980 .index_show ul { margin:10px -20px 0 -20px} .wrap980 .index_show_item { margin:15px 20px; height:340px;} .wrap980 .index_show_info { padding:0 15px;} /* 无感停车整体解决方案 */ .index_show .p-describe{ font-size:18px; line-height:30px; padding-top:40px;} .p-til{ font-size:24px; font-family:Arial, Helvetica, sans-serif;} .index_show_info{ padding:0 15px;} .index_show h1{ padding-top:20px;} .index_news h1{ padding-top:60px;} /* 让停车管理更简单、更智能、更高效 */ .index_know { background:#fff url(../images/index_know_bg.gif) repeat-x} .index_know .wrap { position:relative; height:660px; overflow:hidden} .index_know h1 { padding:60px 0 40px 0} .index_know .hd { width:100%; position:absolute; bottom:10px; text-align:center; font-size:0; z-index:1} .index_know .hd li { width:16px; height:16px; margin:0 5px; background: url(../images/slide_dot.png) no-repeat 0 -16px; overflow: hidden; cursor:pointer; display:inline-block; *display:inline; zoom:1; _background: url(../images/slide_dot8.png) no-repeat 0 -16px} .index_know .hd .on { background-position:0 0} .index_know .bd .index_know_l { float:left; width:754px; height:445px; background:url(../images/computer.png) no-repeat} .index_know .bd .index_know_l img { width:560px; margin:30px 97px 0 97px} .index_know .bd .index_know_r { margin-left:60px} .index_know .bd .index_know_r h3 { padding-bottom:10px; font-size:26px; color:#f70} .index_know .bd .index_know_r p { font-size:18px; color:#666; line-height:50px} .index_know .bd .index_know_r img { margin:-2px 10px 0 0; vertical-align:middle} .index_know .bd .index_know_r a { display:inline-block; margin-top:20px; padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#05cbe2} .index_know .bd .index_know_r a:hover { background:#0da7eb} .index_know .prev,.index_know .next { position:absolute; top:50%; width:20px; height:34px; margin:-17px 0 0; cursor:pointer; background:url(../images/slide_arrow.png) no-repeat; text-indent:-9999px; z-index:10} .index_know .prev { left:0; background-position:0 0} .index_know .next { right:0; background-position:-20px 0} .wrap980 .index_know .wrap { height:600px} .wrap980 .index_know .bd .index_know_l { width:670px; height:395px; background:url(../images/computer2.png) no-repeat} .wrap980 .index_know .bd .index_know_l img { width:500px; margin:25px 85px 0 85px} /* 探索智慧交通 */ .index_news { margin-top:60px; width:100%; overflow:hidden; background:#fcfcfc; padding-bottom:80px;} .index_news .parHd { margin:30px 0 20px 0; text-align:center; overflow:hidden; height:46px; line-height:46px; border-bottom:1px solid #ece7e6;} .index_news .parHd ul li{ display:inline-block; font-size:20px; color:#333; line-height:46px; padding:0 15px;} .index_news .parHd ul li a{line-height:45px; height:45px; display:inline-block;} .index_news .parHd ul li.on a{ color:#1acfe4; border-bottom:1px solid #1acfe4; } /* .index_news .parHd span { padding:0 30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#ddd}*/ .index_news .parBd ul { margin-left:480px} .index_news .parBd li { position:relative; height:37px; line-height:37px; } .index_news .parBd li:last-child { border-bottom:none} .index_news .parBd li a { padding-right:110px; display:block; font-size:16px; color:#666; margin-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .index_news .parBd a:hover, .index_news .parBd a:hover span { color:#1acfe4;} .index_news .parBd li span { position:absolute; right:0; top:2px; color:#999; font-style:normal; font-family:Arial, Helvetica, sans-serif;} .index_news .index_news_cover { float:left; width:480px; height:260px; overflow:hidden} .index_news .index_news_cover img { width:100%; height:100%; width:expression(this.width > 550 ? "550px" : this.width)} .parBd{ position:relative; } .index_news .index_news_more a { margin-top:10px; color:#1acfe4; position:absolute; top:-65px; right:10px; font-size:16px;} .index_news .index_news_more a:hover { color:#05cbe2;} .in-line{ width:2px; height:15px; background:#ece7e6; display: inline-block;margin-right: 20px;vertical-align:middle;} .wrap980 .index_news .parBd ul { margin-left:480px !important} .step { width:100%; margin:30px 0; overflow:hidden} .step li { float:left; width:46%; height:54px; line-height:54px; margin:20px 2%; font-size:26px; color:#333; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#edf1ff; display:inline-block; position:relative; behavior:url(../pie/PIE.htc)} .step li span { width:52px; margin-right:15px; font-size:24px; color:#fff; text-align:center; display:inline-block; background:url(../images/step_bg.png) no-repeat} .wrap980 .step li { font-size:24px} /*智慧路内停车解决方案*/ .locati_sub{width:100%; height:56px; background:url(../images/about/meun_bg.png) repeat; position:relative; margin-top:-56px; text-align:center;} .locati_sub li { display:inline-block; height:56px; line-height:56px} .locati_sub li a { position:relative; line-height:52px; display:block; font-size:18px; color:#fff; text-align:center; margin:0 30px;} .locati_sub li a:hover { color:#05cbe2; border-bottom:4px solid #05cbe2;} .locati_sub li a.cur { color:#05cbe2; border-bottom:4px solid #05cbe2;} .parking_public{ padding:60px 0 0px 0;} .parking-con-01 p{letter-spacing:1px; padding-top:30px;} .parking-con-02{ background:#f8f8f8;} .parking-con-01,.parking-con-02{ padding-bottom:60px;} .banner_parking2 .banner_txt{ padding-top:0px;} .banner_parking .banner_txt{ padding-top:76px;} /*网约专车决方案*/ .operation-flow{ height:670px; background:url(../images/specialCar/wylc_bg.jpg) no-repeat center 0;} .operation-flow h2{ color:#fff;} .operation-flow h4{ color:#bdbdbd;} .operation-list{ width:1179px; height:347px; background:url(../images/specialCar/liucheng_pic.png) no-repeat center 0;} .wrap980 .operation-list{ width:960px; height:283px; background:url(../images/specialCar/liucheng_pic01.png) no-repeat center 0;} .wrap980 .operation-flow{ height:450px;} /* 功能体系 */ .features { overflow:hidden; margin-top:40px;} .features ul { margin:0 -15px} .features li { float:left; width:33.333333%} .features_item { margin:15px; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .features_cover { padding:30px 0; font-size:24px; text-align:center; background:#f2f2f2} .features_cover i { display:inline-block; width:80px; height:80px; border:2px solid #666; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:no-repeat; vertical-align:middle; margin-right:15px;} .features_info { padding:20px 25px; font-size:16px; color:#666; line-height:15px; overflow:hidden; background:#fff;} .features_info li { float:left; width:33.333333%; padding:20px 0; font-size:14px; text-align:center} .features_info li i { display:block; margin:0 auto; width:40px; height:40px; background:no-repeat} .features li:hover .features_item { border-color:#05cbe2; box-shadow:0 0px 20px rgba(5,203,226,.3); transition:transform .3s ease-in,box-shadow .3s ease-in;} .features li:hover .features_cover { color:#fff; background:#05cbe2} .features li:hover .features_cover i { border-color:#fff} .features li:hover .features_info li { color:#333} /* features big */ .features li .features_cover1 i { background-image:url(../images/features_big1_0.png)} .features li .features_cover2 i { background-image:url(../images/features_big2_0.png)} .features li .features_cover3 i { background-image:url(../images/features_big3_0.png)} .features li:hover .features_cover1 i { background-image:url(../images/features_big1_1.png)} .features li:hover .features_cover2 i { background-image:url(../images/features_big2_1.png)} .features li:hover .features_cover3 i { background-image:url(../images/features_big3_1.png)} /* features small */ .features_info1 li i { background-image:url(../images/features_small1.png)} .features_info2 li i { background-image:url(../images/features_small2.png)} .features_info3 li i { background-image:url(../images/features_small3.png)} .features_info1 li:nth-of-type(1) i, .features_info2 li:nth-of-type(1) i, .features_info3 li:nth-of-type(1) i { background-position:0 0} .features_info1 li:nth-of-type(2) i, .features_info2 li:nth-of-type(2) i, .features_info3 li:nth-of-type(2) i { background-position:0 -40px} .features_info1 li:nth-of-type(3) i, .features_info2 li:nth-of-type(3) i, .features_info3 li:nth-of-type(3) i { background-position:0 -80px} .features_info1 li:nth-of-type(4) i, .features_info2 li:nth-of-type(4) i, .features_info3 li:nth-of-type(4) i { background-position:0 -120px} .features_info1 li:nth-of-type(5) i, .features_info2 li:nth-of-type(5) i, .features_info3 li:nth-of-type(5) i { background-position:0 -160px} .features_info1 li:nth-of-type(6) i, .features_info2 li:nth-of-type(6) i, .features_info3 li:nth-of-type(6) i { background-position:0 -200px} .features_info1 li:nth-of-type(7) i, .features_info2 li:nth-of-type(7) i, .features_info3 li:nth-of-type(7) i { background-position:0 -240px} .features_info1 li:nth-of-type(8) i, .features_info2 li:nth-of-type(8) i, .features_info3 li:nth-of-type(8) i { background-position:0 -280px} .features_info1 li:nth-of-type(9) i, .features_info2 li:nth-of-type(9) i, .features_info3 li:nth-of-type(9) i { background-position:0 -320px} .features li:hover .features_info1 li:nth-of-type(1) i, .features li:hover .features_info2 li:nth-of-type(1) i, .features li:hover .features_info3 li:nth-of-type(1) i { background-position:-40px 0} .features li:hover .features_info1 li:nth-of-type(2) i, .features li:hover .features_info2 li:nth-of-type(2) i, .features li:hover .features_info3 li:nth-of-type(2) i { background-position:-40px -40px} .features li:hover .features_info1 li:nth-of-type(3) i, .features li:hover .features_info2 li:nth-of-type(3) i, .features li:hover .features_info3 li:nth-of-type(3) i { background-position:-40px -80px} .features li:hover .features_info1 li:nth-of-type(4) i, .features li:hover .features_info2 li:nth-of-type(4) i, .features li:hover .features_info3 li:nth-of-type(4) i { background-position:-40px -120px} .features li:hover .features_info1 li:nth-of-type(5) i, .features li:hover .features_info2 li:nth-of-type(5) i, .features li:hover .features_info3 li:nth-of-type(5) i { background-position:-40px -160px} .features li:hover .features_info1 li:nth-of-type(6) i, .features li:hover .features_info2 li:nth-of-type(6) i, .features li:hover .features_info3 li:nth-of-type(6) i { background-position:-40px -200px} .features li:hover .features_info1 li:nth-of-type(7) i, .features li:hover .features_info2 li:nth-of-type(7) i, .features li:hover .features_info3 li:nth-of-type(7) i { background-position:-40px -240px} .features li:hover .features_info1 li:nth-of-type(8) i, .features li:hover .features_info2 li:nth-of-type(8) i, .features li:hover .features_info3 li:nth-of-type(8) i { background-position:-40px -280px} .features li:hover .features_info1 li:nth-of-type(9) i, .features li:hover .features_info2 li:nth-of-type(9) i, .features li:hover .features_info3 li:nth-of-type(9) i { background-position:-40px -320px} .features_info4 li i { background-image:url(../images/features_small1_01.png)} .features_info5 li i { background-image:url(../images/features_small1_02.png)} .features_info6 li i { background-image:url(../images/features_small1_03.png)} .features_info4 li:nth-of-type(1) i, .features_info5 li:nth-of-type(1) i, .features_info6 li:nth-of-type(1) i { background-position:0 0} .features_info4 li:nth-of-type(2) i, .features_info5 li:nth-of-type(2) i, .features_info6 li:nth-of-type(2) i { background-position:0 -40px} .features_info4 li:nth-of-type(3) i, .features_info5 li:nth-of-type(3) i, .features_info6 li:nth-of-type(3) i { background-position:0 -80px} .features_info4 li:nth-of-type(4) i, .features_info5 li:nth-of-type(4) i, .features_info6 li:nth-of-type(4) i { background-position:0 -120px} .features_info4 li:nth-of-type(5) i, .features_info5 li:nth-of-type(5) i, .features_info6 li:nth-of-type(5) i { background-position:0 -160px} .features_info4 li:nth-of-type(6) i, .features_info5 li:nth-of-type(6) i, .features_info6 li:nth-of-type(6) i { background-position:0 -200px} .features_info4 li:nth-of-type(7) i, .features_info5 li:nth-of-type(7) i, .features_info6 li:nth-of-type(7) i { background-position:0 -240px} .features_info4 li:nth-of-type(8) i, .features_info5 li:nth-of-type(8) i, .features_info6 li:nth-of-type(8) i { background-position:0 -280px} .features_info4 li:nth-of-type(9) i, .features_info5 li:nth-of-type(9) i, .features_info6 li:nth-of-type(9) i { background-position:0 -320px} .features li:hover .features_info4 li:nth-of-type(1) i, .features li:hover .features_info5 li:nth-of-type(1) i, .features li:hover .features_info6 li:nth-of-type(1) i { background-position:-40px 0} .features li:hover .features_info4 li:nth-of-type(2) i, .features li:hover .features_info5 li:nth-of-type(2) i, .features li:hover .features_info6 li:nth-of-type(2) i { background-position:-40px -40px} .features li:hover .features_info4 li:nth-of-type(3) i, .features li:hover .features_info5 li:nth-of-type(3) i, .features li:hover .features_info6 li:nth-of-type(3) i { background-position:-40px -80px} .features li:hover .features_info4 li:nth-of-type(4) i, .features li:hover .features_info5 li:nth-of-type(4) i, .features li:hover .features_info6 li:nth-of-type(4) i { background-position:-40px -120px} .features li:hover .features_info4 li:nth-of-type(5) i, .features li:hover .features_info5 li:nth-of-type(5) i, .features li:hover .features_info6 li:nth-of-type(5) i { background-position:-40px -160px} .features li:hover .features_info4 li:nth-of-type(6) i, .features li:hover .features_info5 li:nth-of-type(6) i, .features li:hover .features_info6 li:nth-of-type(6) i { background-position:-40px -200px} .features li:hover .features_info4 li:nth-of-type(7) i, .features li:hover .features_info5 li:nth-of-type(7) i, .features li:hover .features_info6 li:nth-of-type(7) i { background-position:-40px -240px} .features li:hover .features_info4 li:nth-of-type(8) i, .features li:hover .features_info5 li:nth-of-type(8) i, .features li:hover .features_info6 li:nth-of-type(8) i { background-position:-40px -280px} .features li:hover .features_info4 li:nth-of-type(9) i, .features li:hover .features_info5 li:nth-of-type(9) i, .features li:hover .features_info6 li:nth-of-type(9) i { background-position:-40px -320px} .features_info7 li i { background-image:url(../images/features_small1_001.png)} .features_info8 li i { background-image:url(../images/features_small1_002.png)} .features_info9 li i { background-image:url(../images/features_small1_003.png)} .features_info7 li:nth-of-type(1) i, .features_info8 li:nth-of-type(1) i, .features_info6 li:nth-of-type(1) i { background-position:0 0} .features_info7 li:nth-of-type(2) i, .features_info8 li:nth-of-type(2) i, .features_info9 li:nth-of-type(2) i { background-position:0 -40px} .features_info7 li:nth-of-type(3) i, .features_info8 li:nth-of-type(3) i, .features_info9 li:nth-of-type(3) i { background-position:0 -80px} .features_info7 li:nth-of-type(4) i, .features_info8 li:nth-of-type(4) i, .features_info9 li:nth-of-type(4) i { background-position:0 -120px} .features_info7 li:nth-of-type(5) i, .features_info8 li:nth-of-type(5) i, .features_info9 li:nth-of-type(5) i { background-position:0 -160px} .features_info7 li:nth-of-type(6) i, .features_info8 li:nth-of-type(6) i, .features_info9 li:nth-of-type(6) i { background-position:0 -200px} .features_info7 li:nth-of-type(7) i, .features_info8 li:nth-of-type(7) i, .features_info9 li:nth-of-type(7) i { background-position:0 -240px} .features_info7 li:nth-of-type(8) i, .features_info8 li:nth-of-type(8) i, .features_info9 li:nth-of-type(8) i { background-position:0 -280px} .features_info7 li:nth-of-type(9) i, .features_info8 li:nth-of-type(9) i, .features_info9 li:nth-of-type(9) i { background-position:0 -320px} .features li:hover .features_info7 li:nth-of-type(1) i, .features li:hover .features_info8 li:nth-of-type(1) i, .features li:hover .features_info9 li:nth-of-type(1) i { background-position:-40px 0} .features li:hover .features_info7 li:nth-of-type(2) i, .features li:hover .features_info8 li:nth-of-type(2) i, .features li:hover .features_info9 li:nth-of-type(2) i { background-position:-40px -40px} .features li:hover .features_info7 li:nth-of-type(3) i, .features li:hover .features_info8 li:nth-of-type(3) i, .features li:hover .features_info9 li:nth-of-type(3) i { background-position:-40px -80px} .features li:hover .features_info7 li:nth-of-type(4) i, .features li:hover .features_info8 li:nth-of-type(4) i, .features li:hover .features_info9 li:nth-of-type(4) i { background-position:-40px -120px} .features li:hover .features_info7 li:nth-of-type(5) i, .features li:hover .features_info8 li:nth-of-type(5) i, .features li:hover .features_info9 li:nth-of-type(5) i { background-position:-40px -160px} .features li:hover .features_info7 li:nth-of-type(6) i, .features li:hover .features_info8 li:nth-of-type(6) i, .features li:hover .features_info9 li:nth-of-type(6) i { background-position:-40px -200px} .features li:hover .features_info7 li:nth-of-type(7) i, .features li:hover .features_info8 li:nth-of-type(7) i, .features li:hover .features_info9 li:nth-of-type(7) i { background-position:-40px -240px} .features li:hover .features_info7 li:nth-of-type(8) i, .features li:hover .features_info8 li:nth-of-type(8) i, .features li:hover .features_info9 li:nth-of-type(8) i { background-position:-40px -280px} .features li:hover .features_info7 li:nth-of-type(9) i, .features li:hover .features_info8 li:nth-of-type(9) i, .features li:hover .features_info9 li:nth-of-type(9) i { background-position:-40px -320px} /* 功能亮点 */ .highlight { margin-bottom:30px; overflow:hidden} .highlight dl { float:left; width:48%; margin-bottom:20px; overflow:hidden} .highlight dl:nth-of-type(odd) { margin-right:4%} .highlight dt { float:left; width:110px; height:100%} .highlight dd { margin-left:140px} .highlight h3 { margin:10px 0; font-weight:normal; color:#333} /* 功能模块 */ .module { float:left; width:100%} .module table { border-width:1px; border-color:#666; border-collapse:collapse} .module td { padding:10px; border:1px solid #ececec; font-size:14px; color:#666; text-align:center; line-height:25px} /* 应用场景 */ .scenes { background:#fff; overflow:hidden} .scenes ul { margin:10px -30px 0 -30px} .scenes li { float:left; width:50%} .scenes_item { margin:0 30px} .scenes_cover { overflow:hidden} .scenes_cover img { width:100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear} .scenes_info { position:relative; padding:15px 0; overflow:hidden} .scenes_info h3 { margin:0 0 10px 0} .scenes_info p { font-size:16px; line-height:30px} .scenes li:hover .scenes_cover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .scenes li:hover h3 { color:#f70} .wrap980 .scenes ul { margin:10px -20px 0 -20px} .wrap980 .scenes_item { margin:0 20px} .wrap980 .scenes_info p { font-size:14px; line-height:26px} /* 产品展示 */ .equipment { background:#fff; overflow:hidden; margin-top:40px;} .equipment ul { margin:0 -15px} .equipment li { float:left; width:33.333333%} .equipment_item { margin:15px; border:1px solid #d9d9d9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .equipment_cover { text-align:center; overflow:hidden; display:table-cell; vertical-align:middle; width:378px; height:270px; position:relative;} .equipment_cover img{ max-width:378px; max-height:270px; vertical-align:middle; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear} .equipment_cover:hover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .wrap980 .equipment_cover img{ max-width:300px; max-height:180px;} .equipment_info { position:relative; height:135px; margin:0 20px 20px 20px; padding:20px 0; font-size:16px; color:#333; overflow:hidden; border-top:1px solid #ddd;} .equipment_info p { margin:0} .equipment li:hover .equipment_item { box-shadow:0 0px 20px rgba(102,102,102,.3); transition:transform .3s ease-in,box-shadow .3s ease-in} .equipment li:hover .equipment_cover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .equipment_info h3 { font-size:20px; width:100%;} .equipment_info h3 span { position:relative; top:-17px; padding:0 20px; background:#fff} .equipment_info ul { padding:10px 20px; overflow:hidden} .equipment_info li { float:left; width:100% !important; padding:3px 0 3px 25px; color:#666; list-style:none; background:url(../images/icon_circle.png) no-repeat left 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .equipment .equipment1 { width:66.666667%} .equipment .equipment1 .equipment_cover { padding:20px 20px 0 20px} .equipment .equipment1 .equipment_cover div { float:left; width:50%} .equipment .equipment1 .equipment_cover img { width:200px; height:140px} .equipment .equipment1 .equipment_info { height:155px} .equipment .equipment1 .equipment_info h2 { width:100%; padding:10px 0; font-size:20px; border-bottom:1px solid #ddd; margin:0; text-align:center; overflow:hidden} .equipment .equipment1 .equipment_info h2 span { float:left; width:50% !important; text-align:center} .equipment .equipment1 .equipment_info ul { margin:0 auto; margin-top:11px; width:220px; text-align:center; overflow:hidden} .equipment .equipment1 .equipment_info li { text-align:left} /* 应用场景 */ .scene-pic{ width:100%; height:680px; background:url(../images/scene_img.jpg) no-repeat center 0; margin-top:40px;} .scene-pic02{ background:url(../images/scene_img02.jpg) no-repeat center 0;} /* 产品优势 */ .superiority-con{ margin-top:40px;} .superiority-con ul li{ width:33.3333%; float:left;} .product-box{ padding:40px 50px; text-align:center;} .superiority-img{ width:70px; height:70px; display:inline-block; background:url(../images/superiority_pic.png) no-repeat;} .superiority-imgt2{ width:70px; height:70px; display:inline-block; background:url(../images/superiority_pic02.png) no-repeat; } .superiority-imgt3{ width:70px; height:70px; display:inline-block; background:url(../images/superiority_pic03.png) no-repeat; } .superiority-img01{ background-position:0 0;} .superiority-img02{ background-position:0 -70px;} .superiority-img03{ background-position:0 -140px;} .superiority-img04{ background-position:0 -210px;} .superiority-img05{ background-position:0 -280px;} .superiority-img06{ background-position:0 -350px;} .product-box h4{ font-size:24px; padding-top:15px;} .wrap980 .product-box h4{ font-size:20px;} .product-box p{ padding-top:20px; text-align:left; line-height:24px; padding-bottom:0;} .product-box:hover{box-shadow:0 0px 20px rgba(102,102,102,.3); transition:transform .3s ease-in,box-shadow .3s ease-in} .superiority-width ul li{ width:25%; float:left;} .superiority-width .product-box{ height:270px;} .wrap980 .superiority-width .product-box p{ font-size:14px;} /* tab */ .tab .hd { margin:0 auto; *text-align:center; margin-bottom:30px; overflow:hidden} .tab .hd ul { display:table; margin-left:auto; margin-right:auto} .tab .hd li { position:relative; line-height:80px; display:inline; margin:0 5px; padding:15px 40px; font-size:20px; color:#05cbe2; text-align:center; border:1px solid #05cbe2; cursor:pointer} .tab .hd li span { position:absolute; left:50%; top:100%; width:20px; height:10px; margin-left:-10px; background:url() no-repeat} .tab .hd li.on span { background:url(../images/news_arrow.gif) no-repeat} /*.tab .hd li span { position:absolute; left:50%; top:100%; margin-top:1px; width:0; height:0; margin-left:-10px; font-size:0; border-width:10px; border-style:solid dotted dotted; border-color:#fff transparent transparent transparent} .tab .hd li.on span { border-color:#05cbe2 transparent transparent transparent}*/ .tab .hd li.on, .tab .hd li.on a, .tab .hd li:hover a, .tab .hd li:hover { color:#fff; background:#05cbe2} .intro_txt { margin:20px 0 30px 0; overflow:hidden} .intro_txt dl { overflow:hidden} .intro_txt dt { float:left; width:550px} .intro_txt dd { margin-left:630px} .wrap980 .intro_txt dt { width:460px} .wrap980 .intro_txt dd { margin-left:510px} /* 关于智慧交通 *****************************************************/ .intro_show { width:100%; overflow:hidden} .intro_show ul { margin:0 -10px} .intro_show li { float:left; width:25%} .intro_show_item { margin:0 10px} .intro_show_item p { padding:0} .intro_show li:hover .scale img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .intro_show_title { margin-top:10px; font-size:24px; font-weight:normal} .intro_show_title a { font-weight:bold; color:#333} .intro_show_title a:hover { color:#05cbe2} .intro_show_info { height:75px; line-height:25px !important; font-size:14px !important; color:#888; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden} .intro_show_more { margin-top:10px; text-align:right} .intro_show_more a { font-size:14px; color:#05cbe2} .intro_show_more a:hover { text-decoration:underline} /* 关于公司 *********************************************************/ .about { width:100%; padding-top:60px; padding-bottom:30px; overflow:hidden;} .about_cover { padding:40px 80px} .about_cover li { float:left; width:33.3333333%; text-align:center} .about_honor{ padding-bottom:30px;} .about_cover li span { display:inline-block; width:130px; height:100px; padding-top:30px; font-size:16px; color:#fff; text-align:center; box-shadow:inset 0 0 0 10px rgba(255,255,255,0.6); background:#4dc3f4; border-radius:50%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear} .about_cover li:hover span { box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1)} .about_cover .about_cover1 span { background:#47ba83} .about_cover .about_cover2 span { background:#ff8353} .about_cover .about_cover3 span { background:#52bdf2} /*.about_cover li:nth-of-type(1) span { background:#47ba83} .about_cover li:nth-of-type(2) span { background:#ff8353} .about_cover li:nth-of-type(3) span { background:#52bdf2}*/ .contact ul { margin-bottom:30px; overflow:hidden} .contact li { float:left; width:100%; padding:10px 0; font-size:16px; text-align:center} .contact li a { color:#666; text-decoration:underline} .contact li a:hover { color:#f70} .contactus-con h2{ padding-bottom:30px;} #dituContent { width:100%; height:550px; overflow:hidden} #dituContent #mask { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0} #dituContent img { max-width:inherit} .iw_poi_title { padding-right:20px; font-size:16px; font-weight:normal; color:#fe722d; white-space:nowrap; overflow:hidden} .iw_poi_content { font:12px 'Microsoft YaHei', 微软雅黑; color:#333; padding-top:10px; white-space:-moz-pre-wrap;word-wrap:break-word; overflow:visible} .friendlinks { margin:30px 0} .friendlinks dl { float:left; width:100%; margin-bottom:30px} .friendlinks dt { margin:20px 0; padding-left:30px; height:45px; line-height:45px; font-size:20px; color:#ff6300; background:#f4f4f4} .friendlinks dd { float:left; padding:0 20px} /* 新闻资讯 *********************************************************/ .news_head { width:100%; margin:5px 0 30px 0; background:#eee; overflow:hidden} .news_head dl { position:relative; padding-right:30px; overflow:hidden} .news_head dt { float:left; margin-right:40px; width:550px; height:350px; overflow:hidden} .news_head dt img { width:100%; height:100%} .news_head dl i { position:absolute; left:533px; top:20px; width:120px; height:58px; background:url(../images/news_title.png) no-repeat; z-index:3} .news_head dd { height:90px; line-height:30px; font-size:16px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden} .news_head h2 { padding:80px 0 15px 0} .news_head h2 a { font-size:30px} .wrap980 .news_head dt { width:500px; height:318px} .wrap980 .news_head i { left:483px} .wrap980 .news_head h2 a { font-size:26px} .news_head em a { position:absolute; right:20px; bottom:20px; display:inline-block; margin-top:20px; width:80px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#05cbe2} .news_head em a:hover { background:#0da7eb} .news{ padding-top:60px; } .news li { position:relative; height:70px; line-height:70px; border-bottom:1px solid #eee; background:url(../images/news_dot.png) 2px 50% no-repeat} .news li a { display:block; font-size:18px; color:#666; margin-left:20px} .news a:hover, .news a:hover i { color:#05cbe2} .news i { position:absolute; right:10px; top:0; margin-left:50px; font-size:14px; font-style:normal; color:#666} .news dl { float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee} .news dt { float:left; margin-right:20px} .news dd { position:relative; padding-bottom:10px; font-size:14px; color:#999; line-height:25px} .news dd a { fcolor:#333} .news dt img { width:100%; border:1px solid #eee; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px} .news_company dt { width:220px; height:140px} .news_company dt img { height:140px} .news_media dt { width:160px} .informat-con{ margin-top:70px;} .informat-con ul{ margin:0 -20px;} .informat-con ul li{ float:left; width:50%; cursor:pointer;} .informat-box{ height:158px; border:1px solid #e9e9e9; margin:0 20px; position:relative; padding:15px 15px 15px 230px; margin-bottom:20px;} .info-img{ width:198px; height:140px; position:absolute; top:15px; left:15px; text-align:center; overflow:hidden; display:table-cell; vertical-align:middle;} .info-img img{ width:100%; max-width:198px; max-height:140px; vertical-align:middle;} .info-n-til{ font-size:20px; color:#333; line-height:28px; padding-bottom:5px; height:55px; overflow:hidden;} .informat-box p{ height:48px; font-size:16px; line-height:24px; padding-top:20px; word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-moz-box;-moz-line-clamp:2;-moz-box-orient:vertical;overflow:hidden; color:#999; padding-bottom:0;} .informat-con ul li:hover .informat-box{border-color:#05cbe2; box-shadow:0px 0px 20px rgba(5,203,226,.3); transition:transform .3s ease-in,box-shadow .3s ease-in;} /* 新闻 *****************************************************************/ .location { margin-top:20px; color:#999} .location span { padding:0 5px; color:#ddd} .location img { margin:-3px 5px 0 0} .location a { color:#666} .location a:hover, .news_detail a:hover { color:#05cbe2} .news_detail {} .news_detail h2 { margin-bottom:0 !important; font-size:24px; color:#444; white-space:nowrap; text-overflow:ellipsis; border:none; overflow:hidden} .news_l { height:100%; margin-right:320px; overflow:hidden} .news_l .news_title { border-bottom:1px solid #ddd} .news_l .news_content { margin-top:30px; line-height:26px} .news_l .news_content p { padding-bottom:20px; font-size:14px; color:#555; line-height:25px} .news_l .news_label { margin:10px 0 30px 0} .news_l .news_label .fl a { display:inline-block; margin-right:10px; padding:0 20px; height:30px; line-height:30px; color:#1676e1; border:1px solid #ddd; vertical-align:middle; border-radius:15px} .news_l .news_label .fr { margin-top:4px} .news_l .news_recommend { margin:30px 0} .news_l .news_recommend h3 { margin-bottom:0; padding-top:15px; border-top:1px solid #ddd} .news_l .news_recommend li { float:left; width:46%; margin-right:4%; padding-top:10px} .news_l .news_recommend li a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .news_r { float:right; width:260px} .news_r_box { float:left; width:100%; margin-bottom:20px} .news_r li { float:left; width:100%; border-bottom:1px solid #eee; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .news_r li:last-child { border-bottom:none} .news_r li a { display:block; padding:15px 0} .news_r em { display:inline-block; width:25px; height:25px; line-height:25px; margin-right:10px; font-size:14px; color:#666; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50px; border-radius:50%; background:#eee;} .news_r li a:hover em { color:#fff; background:#fc8f00} .news_r h3 { margin:30px 0 10px 0; padding-bottom:7px; font-size:24px; color:#444; border-bottom:2px solid #eee} .news_r h3 span { padding-bottom:10px; border-bottom:2px solid #ff831f} /* page */ .pager { width:100%; margin:20px auto; text-align:center} .pager span { padding-right:10px} .pager ul{display:inline;} .pager li { height:30px; line-height:26px; display:inline;} .pager li a { font-size:14px !important; padding:5px 10px !important; margin:0 1px; border:1px #ddd solid} .pager .yiiPager a:link,.pager .yiiPager a:visited{ border:1px solid #1acfe4; color:#1acfe4; } .pager .yiiPager a:hover{ border:1px solid #17b8cb!important;} .pager .yiiPager .selected a{ border:1px solid #1acfe4!important; background:#1acfe4!important; color:#fff; } .pager .yiiPager .hidden a{border:solid 1px #DEDEDE; color:#888888; } .pager .page_input, .pager .btn { margin-left:5px; height:30px !important; line-height:30px; text-align:center} .pager .btn { padding:0 10px; color:#fff; border-color:#05cbe2; background:#05cbe2; cursor:pointer} ul.yiiPager a:link, ul.yiiPager a:visited { font-weight:normal !important} /*.page { float:right; margin:0 auto} .page li { float:left; height:30px; line-height:26px} .page li a { display:block; margin:0 2px; padding:0 10px; border:1px #ddd solid} .page input { width:40px; line-height:28px; margin:0 5px; text-align:center} .page input[type='button'] { width:50px; height:30px; font-size:12px; color:#fff; border:none; border-radius:3px; vertical-align:top; background:#0e81d2; cursor:pointer} .page input[type='button']:hover { color:#fff; filter:alpha(opacity=70); -moz-opacity:.7; opacity:0.7} ul.yiiPager a:link, ul.yiiPager a:visited { font-weight:normal !important}*/ /* 关于迪蒙 *****************************************************************/ .about .fl { margin:0 20px 20px 0} .about-con p,.about-founder p{ text-indent:2rem; } .about_info .fl { margin-bottom:50px} .about_honor li { float:left; width:33.333333%; min-height:190px; margin-top:25px; line-height:35px; text-align:center} .about_honor li img { width:70%} .about_contact p { line-height:40px} .about-founder{ width:100%; background:url(../images/about/about_name.png) repeat; height:350px;} .wrap980 .about-founder{ height:430px;} .about-con{ padding-bottom:60px;} .about-founder{ padding:50px 0;} .about-environm{ padding-top:30px;} .about-til h2{ font-size:30px; color:#333; text-align:center;} .founder-con p { text-indent:2rem; font-size:16px; line-height:30px; } .chairman_img{ position:absolute; left:30px;} .founder-con{ position:relative; padding-left:236px; margin-top:30px;} .element-list .list-li{ border-bottom:1px dashed #ebebeb; padding:30px 0;} .element-list h3{ font-size:20px; color:#f3ac22;} .value-pics img{ margin-top:-20px;} .w50{ width:50%; float:left;} .describe-line{ border-left:1px solid #ebebeb; padding-left:30px;} .describe-list ul li{ font-size:16px; line-height:36px; padding-left:10px;} .wrap980 .describe-list ul li{ font-size:14px;} .describe-list ul li span{ color:#f3ac22; font-size:18px;} .about-culture{ padding-top:60px; padding-bottom:0;} .environm-pic{ padding-top:50px;} #dituContent { float:left; width:100%; height:550px; overflow:hidden} #dituContent #mask { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0} #dituContent img { max-width:inherit} .iw_poi_title { padding-right:20px; font-size:16px; font-weight:normal; color:#fe722d; white-space:nowrap; overflow:hidden} .iw_poi_content { font:14px 'Microsoft YaHei', 微软雅黑; color:#333; padding-top:10px; white-space:-moz-pre-wrap;word-wrap:break-word; overflow:visible} .about_course { margin:30px 0 0 220px; border-left:2px solid #78b1de} .about_course h6, .about_course p { position:relative; left:-12px; padding-left:30px} .about_course h6 { padding:28px 0 0 30px; font-size:18px; color:#fb720b; background: url(../images/icon__course.png) no-repeat left 30px} .about_course p { font-size:14px; line-height:30px} .about_partner ul { padding:0 50px} .about_partner h2{ padding-bottom:20px;} .about_partner li { float:left; width:25%; margin:10px 0; text-align:center} .about_partner li img { padding:10px 5px; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .about_partner li:hover img { border-color:#4dc3f4} .about_culture { width:100%; height:400px; display:table} .about_culture_l { float:left; width:400px; margin-right:50px} .about_culture_r { width:100%; display:table-cell; vertical-align:middle} .about_culture_r p { line-height:40px} /*法律声明*/ .statement-con h3{ padding-top:30px; margin:0;} .statement-con p{ padding-top:20px;} .friendlinks { margin:30px 0} .friendlinks dl { float:left; width:100%; margin-bottom:30px} .friendlinks dt { margin:20px 0; padding-left:30px; height:45px; line-height:45px; font-size:20px; color:#ff6300; background:#f4f4f4} .friendlinks dd { float:left; padding:0 20px} .expert { float:left; width:100%; overflow:hidden} .expert dt { float:left; width:160px; /*height:100%;*/ color:#f70; text-align:center} .expert dt img { margin-bottom:10px; border:5px solid #e6e6e6} .expert dd { margin-left:200px; position:relative} #allmap { width:100%; height:500px; overflow:hidden}