/* CSS Document */ @font-face {font-family: "iconfont"; src: url('/templets/domo/Css/iconfont.eot'); /* IE9*/ src: url('/templets/domo/Css/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/templets/domo/Css/iconfont.woff') format('woff'), /* chrome、firefox */ url('/templets/domo/Css/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/templets/domo/Css/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } body{font-size:12px; color:#333; line-height:23px; margin:0 auto; font-family:"微软雅黑";} .fred{color:#e30001;} .tjred{ color:#C00; } .elps { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*link*/ a.qgary{color:#4c4c4c; text-decoration:none;} a.qgary:hover{color:#c62600; text-decoration:none;} a.gary{color:#333; text-decoration:none;} a.gary:hover{color:#c62600; text-decoration:none;} a.fred{color:#E60000; font-weight:bold; text-decoration:none;} a.fred:hover{color:#E60000; font-weight:bold; text-decoration:none;} a.blue{color:#2487dc; text-decoration:none;} a.blue:hover{color:#c62600; text-decoration:none;} a.mred{color:#e60000; text-decoration:none;} a.mred:hover{color:#c62600; text-decoration:none;} a.white{color:#fff; text-decoration:none;} a.white:hover{color:#fff; text-decoration:underline;} .float{float:left;} .w1002{width:1200px; margin:0 auto;} .p12{padding-top:12px;} /**/ #htopbg{width:100%; background:#ebebeb; line-height:29px;} .htop{color:#4c4c4c;} .htop span{float:right;} #headbg{width:100%; background:url(/templets/domo/Images/hbg.jpg) repeat-x; margin:0 auto;} .head{padding:12px 0;} .head span{padding-top:14px; float:right;} /*#menubg{width:100%; background:url(/templets/domo/Images/index_12.jpg) repeat-x;}*/ #menubg{width:100%; background:#12377c;} .nav{line-height:44px; } .nav li{ float:left; font-family:"微软雅黑"; line-height:44px; font-size:14px; position: relative; } .nav a.mtext{ color:#fff; font-weight:bold; padding:0 36px; display:block; text-decoration:none; } .nav a.mtext:hover{ color:#fff; background:#d1251d; padding:0 36px; text-decoration:none; } .nav .cur{color:#fff; background:#d1251d; text-decoration:none;} /*.menu li .menu_r{ background:url(/templets/domo/Images/mline.jpg) right no-repeat;}*/ .banner{ height:398px;} #notebg{width:100%; background:url(/templets/domo/Images/notebg.jpg) repeat-x; height:51px;} .note{line-height:40px;} .noleft{width:70%; line-height:40px;} .noleft span{float:left; padding-top:10px; padding-right:10px;} .noleft p{float:right;} .noright{width:30%;} /**/ .mproduct{ padding:10px 0 60px; } .mproduct h2{ background:url(/templets/domo/Images/index_03.jpg) center no-repeat; text-align:center; color:#023b8a; font-size:26px; line-height:56px; font-family:"微软雅黑"; margin-top:36px; } .mproduct h3{ text-align:center; color:#616161; font-weight:100; font-size:18px; font-family:"微软雅黑"; padding-bottom:36px; } .mpall{ width:181px; border-right:#ccc6c5 1px solid; padding:0 29px; float:left; position: relative; height:227px; } .mpall div{ color: #616161; text-align:center; } .mpall:hover div{ color:#fff; } .mpall i{ font-size:110px; line-height:110px; text-align:center; } .brand_net:before { content: "\e604"; } .net_tool:before { content: "\e602"; } .zy_qxt:before { content: "\e61E"; } .wei_net:before { content: "\e61D"; } .zy_tg:before { content: "\e603"; } .mpall:before { content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 0; background: #023b8a; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .mpall:hover:before { height: 100%; } .mpall p{ display: block; font-size: 14px; color: #616161; font-family: "微软雅黑"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding:5px 0; } .mpall a{ color:#023b8a; text-decoration:none; } .mpall:hover a{ color:#fff; text-decoration:none; } .mpall:hover p{ color: #fff; } .mpall h4{font-size:20px; font-family:"微软雅黑"; text-align:center; line-height:36px;} .mpall h5{text-align:center; padding:10px 0;} /**/ .darkbluebg{width:100%; background:url(/templets/domo/Images/index_05.jpg) no-repeat; height:530px;} #garybg{width:100%; background:url(/templets/domo/Images/index_39.jpg) repeat-x #f2f2f2;} .gitem{padding:20px 0;} .gitem h2{ font-family:"微软雅黑"; font-size:36px; text-align:center; color:#fff; line-height:66px; font-weight:100; } .gitem h3{ font-size:18px; font-family:"微软雅黑"; color:#5fd3ff; line-height:26px; text-align:center; font-weight:100; } .gitem * { margin: 0; padding: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; transition: all ease 300ms; } .gitem .gicon{ padding:30px 120px; } .gitem .gicon li{ padding:0 30px; float:left; } .gitem .gicon li p{ text-align:center; font-size:22px; font-family:"微软雅黑"; color:#fff; line-height:46px; } @-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translateY(300px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translateY(300px); -moz-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px) } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .gitem .gicon img, .gitem .gicon li p { -webkit-animation: flyInUp 1s ease forwards; -moz-animation: flyInUp 1s ease forwards; -ms-animation: flyInUp 1s ease forwards; animation: flyInUp 1s ease forwards; } .gitem h4{ font-size:22px; font-family:"微软雅黑"; color:#fff; text-align:center; font-weight:100; } .gitem h5{ text-align:center; padding-top:25px; } .mconsult{} .mmidbox{padding:12px 0;} .mmidbox h3{text-align:center; padding-top:10px; padding-bottom:28px;} .mmidbox li{width:50%; text-align:center; float:left;} .mcase{width:1283px; padding:16px 0; margin:0 auto;} .mcase h2{padding-left:42px; padding-bottom:15px; padding-top:10px;} .mcase .mcase_left{width:28px; padding-top:198px; float:left;} .mcase .mcase_mid{width:1029px; float:left;} .mcase_mid_box{width:228px; padding:0 7px; float:left;} .mcase_mid_box .mcase_mid_box_top{border:#ccc 1px solid; border-bottom:none; padding:14px; background:#fff; text-align:center;} .mcase_mid_box .mcase_mid_box_top a{display: block;} .mcase_mid_box .mcase_mid_box_top a:hover{background:#000;} .mcase_mid_box .mcase_mid_box_top a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;} .mcase_mid_box .mcase_mid_box_bot{border:#ccc 1px solid; border-top:#969696 1px dotted; border-radius:0 0 5px 5px; background:#fff; padding:10px; height:108px;} .mcase_mid_box .mcase_mid_box_bot h4{text-align:center; font-size:14px;} .mcase .mcase_right{width:28px; padding-top:198px; float:left;} /*witness*/ .witbox{padding-bottom:30px;} .witbox h2{font-size:24px; font-family:"微软雅黑"; background:url(/templets/domo/Images/index_71.jpg) no-repeat bottom; line-height:46px; height:73px; text-align:center; color:#023b8a;} .witbox .witbox_lr{width:595px; padding:10px 0; color:#515151; float:left;} .witbox .witbox_lr span{float:left; padding-right:10px; background:url(/templets/domo/Images/index_74.jpg) no-repeat bottom; padding-bottom:12px;} .witbox .witbox_lr h3{font-size:14px; font-weight:bold; color:#2487dc; line-height:28px;} .witbox .witbox_lr p{line-height:22px;} .witbox .witblrp{padding-right:10px;} /*bluebg*/ #bluebg{width:100%; background:url(/templets/domo/Images/index_78.jpg) repeat-x top #038dd3; padding-bottom:30px;} .mhonor{position:relative; padding-top:50px; font-size:18px; color:#fff; font-family:"黑体"; line-height:42px; font-weight:bold; height:268px;} .mhfloat{width:142px; top:-30px; padding-left:300px; position:absolute;} .mhonor span{float:right;} /*mnews*/ .mnews{color:#515151; padding-bottom:12px; font-size:14px;} .mnews a{color:#515151; text-decoration:none;} .mnews a:hover{color:#c62600; text-decoration:none;} .mnews .mnews_left{width:779px; padding:20px 10px; border-right:#e7e7e7 1px solid; float:left;} .mnews .mnews_left li{width:50%; float:left; line-height:28px;} .mnews .mnews_right{width:368px; padding:20px 11px 20px 21px; float:left;} .mnews .mnews_right li{line-height:28px;} /**/ .bcolumn{padding:15px 0;} .bcolumn li{width:240px; text-align:center; float:left;} /*foot*/ #footbg{width:100%; background:#0e0e0e;} .link{padding:10px 0; color:#fff; border-bottom:#CCC 1px dotted;} .link span{padding-right:15px; float:left;} .foot{padding:10px 0; color:#999; font-size:13px; line-height:28px;} .foot span{padding-left:30px; padding-right:30px; line-height:23px; float:left;} .foot a{color:#999; text-decoration:none;} .foot a:hover{color:#999; text-decoration:underline;} /*case*/ .position{width:1188px; padding-left:10px; line-height:32px; background:#eee; border:#dfdfdf 1px solid; margin:0 auto; margin-top:12px; border-radius:4px;} .incase{width:1222px; margin:0 auto; padding-bottom:10px;} .pb12{padding-bottom:12px;} .boxcase{width:228px; padding:8px 8px; float:left;} .boxcase .mcase_mid_box_top{border:#ccc 1px solid; border-bottom:none; padding:14px; background:#fff; text-align:center; box-shadow: 0px 1px 3px rgba(34,25,25,0.2); border-radius:5px 5px 0 0;} .boxcase .mcase_mid_box_top a{display: block;} .boxcase .mcase_mid_box_top a:hover{background:#000;} .boxcase .mcase_mid_box_top a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;} .boxcase .mcase_mid_box_bot{border:#ccc 1px solid; border-top:#969696 1px dotted; border-radius:0 0 5px 5px; background:#fff; padding:10px; box-shadow: 0px 1px 3px rgba(34,25,25,0.2);} .boxcase .mcase_mid_box_bot h4{text-align:center; font-size:14px;} /*case_show*/ .showbox{padding-bottom:12px;} .showbox .showbox_left{width:888px; border:#d5d5d5 1px solid; padding:10px; border-radius:4px; float:left;} .showbox .showbox_left h1{font-size:22px; text-align:center; line-height:46px;} .showbox .showbox_left h3{text-align:center; font-size:12px; font-weight:100; color:#bcbbbb;} .showbox .showbox_left .content{line-height:28px; color:#666; font-size:14px; _min-height:368px; min-height:568px;} .showbox .showbox_left .page{padding:5px; background:#f7f7f7; margin-top:10px;} .showbox .showbox_left .page li{width:50%; color:#666; float:left;} .showbox .showbox_right{width:275px; padding-left:15px; float:left;} .showbox .showbox_right .showbox_right_box{border:#d5d5d5 1px solid; border-radius:4px;} .showbox .showbox_right .showbox_right_box h2{background:#e2e2e2; font-size:14px; color:#000; padding-left:10px; line-height:30px;} .showbox .showbox_right .showbox_right_box ul{padding:10px;} .showbox .showbox_right .showbox_right_box li{line-height:26px;} .showbox .showbox_right .showbox_right_box li span{padding-right:8px; padding-top:10px; float:left;} /*about*/ .abanner{width:100%; text-align:center; background:url(/templets/domo/Images/about.jpg) center no-repeat; height:398px; margin-top:1px} .abanner_wgg{background:url(/templets/domo/Images/adv.jpg) center no-repeat; height:250px;} .about{padding-bottom:12px;} .about .about_left{width:200px; padding-right:10px; float:left; background-color:#fff;} .about .about_left .about_l_item{border:#d5d5d5 1px solid; border-top:none;} .about .about_left .about_l_item h3{background:url(/templets/domo/Images/top_bg.gif) repeat-x; line-height:37px; font-size:14px; padding-left:12px;} .about .about_left .about_l_item h4{font-size:14px; font-weight:bold; padding-left:20px; margin:8px 8px 0; background:#12377c; color:#fff; line-height:36px;} .about .about_left .about_l_item ul{padding:5px 10px;} .about .about_left .about_l_item li{border-bottom:#8a8a8a 1px dotted; line-height:32px; padding-left:10px; font-size:14px;} .about .about_right{width:988px; border:#d5d5d5 1px solid; border-top:none; float:right;} .fixMenu{position:fixed; top:0; z-index:999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));} .about .about_right h2{background:url(/templets/domo/Images/top_bg.gif) repeat-x; line-height:37px; font-size:12px; padding-left:12px; font-weight:100;} .about .about_right h2 a,.position a{color:#333; text-decoration:none;} .m-article-tit { font-size: 42px; text-align: center; font-weight: 400; line-height: 84px; color: #333; } .about .about_right .acontent{padding:10px; font-size:14px; line-height:26px; color:#666;} /*honor*/ .honor_pt{width:316px; text-align:center; line-height:30px; float:left;} .hpage{text-align:center; background:#F0F0F0; line-height:28px; margin-top:10px;} .ser { background:url(/templets/domo/Images/top_bg.gif) repeat-x; top: 0%; width: 100%; height: 37px; display: none; position: fixed; _position: absolute; _margin-top: 150px; } .menu01 { margin: 0px auto; width: 1200px; height: 38px; overflow: hidden; } .menu01 ul li { color: rgb(66, 66, 66); line-height: 38px; overflow: hidden; font-family: "微软雅黑"; font-size: 16px; float: left; display: block; } .menu01 ul .nobot { } .menu01 ul li a { padding: 0px 18px 0px 26px; color: rgb(66, 66, 66); text-decoration:none; } .menu01 ul li a:hover { color:#c02600; } .container .item { position: relative; margin: 0 ; padding:0; width: 256px; color: #A7A7A7; border: 0px solid #D4D4D4; background-color: #FFFFFF; } .loading-box { text-align: center; } .loading { display: inline-block; padding: 15px 15px 15px 55px; font-size: 16px; color: #FFF; border-radius: 5px; background: url(/templets/domo/Images/loading.gif) no-repeat 15px center #565656; } #gotoTop { display: none; position: fixed; top: 75%; left: 50%; cursor: pointer; margin-top: -50px; margin-left: 610px; width: 64px; height: 64px; line-height: 100; overflow: hidden; background: url(/templets/domo/Images/gtopa.png) no-repeat; } /*website*/ .webbanner{width:100%; background:url(/templets/domo/Images/webbanner.jpg) center; height:448px; margin:0 auto;} .webtop0{ width:100%; margin:0 auto; padding:20px 0; } .webtop0 h2{ font-size:48px; color:#2f2f2f; text-align:center; font-family:"微软雅黑"; line-height:76px; } .webtop0 h3{ font-size:24px; font-weight:100; font-family:"微软雅黑"; color:#5a5a5a; text-align:center; line-height:40px; } .webtop1{width:100%; background:url(/templets/domo/Images/website_03.jpg) repeat-x; text-align:center; margin:0 auto; padding-top:17px;} .webtop2{width:100%; background:url(/templets/domo/Images/website_08.jpg) repeat-x bottom; text-align:center; margin:0 auto;} .webtop3{width:100%; background:url(/templets/domo/Images/website_14.jpg) repeat-x bottom; text-align:center; margin:0 auto; padding-top:34px;} .nwebtop1bg{ width:100%; background:#f1f1f1; padding:46px 0; margin:0 auto; } .nwebtop1{ width:1200px; margin:0 auto; } .nwebtop1 div{ padding-left:30px; font-family:"微软雅黑"; float:right; } .nwebtop1 div h2{ font-size:34px; color:#000; font-weight:100; line-height:66px; } .nwebtop1 div h3{ font-size:20px; font-weight:100; line-height:36px; color:#1f1f1f; } .nwebtop1 div h4{ font-weight:100; font-size:40px; line-height:56px; padding-top:30px; color:#e33000; } .nwebtop1 .nwebred{ color:#e33000; font-size:39px; } .nwebtop1 .nwebt{ font-size:35px; font-family:"文鼎CS大黑"; color:#e33000; font-style:italic; } .nwebtop2bg{ width:100%; background:#f1f1f1; margin:0 auto; } .nwebtop2{ width:1200px; margin:0 auto; } .nwebtop2 .top{ background:url(/templets/domo/Images/nwebsite_31.jpg) center repeat-y; padding:19px 25px; } .nwebtop2 .top h2{ text-align:center; } .nwebtop2 .top li{ width:170px; font-size:16px; padding:10px 30px; color:#434343; font-family:"微软雅黑"; line-height:28px; float:left; } .nwebtop2 h3{ text-align:center; padding-bottom:26px; } .nwebtop3{ width:100%; background:#f1f1f1; text-align:center; padding:42px 0 10px; margin:0 auto; } .nwebtop3 img{ padding:20px 0; } .nwebtop3 h2{ font-size:40px; color:#023b8a; line-height:76px; font-family:"微软雅黑"; } .webtopbg{ width:100%; background:url(/templets/domo/Images/system.gif); text-align:center; margin:0 auto; padding:36px 0; } .webclassical{ width:1200px; margin:0 auto; padding-bottom:66px; } .webclassical * { padding: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; transition: all ease 300ms; } .webclassical h1{ font-size:48px; font-family:"微软雅黑"; text-align:center; line-height:196px; } .webclassical li{ width:25%; float:left; padding:0 30px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .webclassical li h3{ width:160px; border-radius:50%; height:160px; color:#fff; line-height:158px; font-size:35px; font-family:"微软雅黑"; font-weight:100; background:#e14848; text-align:center; margin:0 auto; } .webclassical li h3:hover{ box-shadow: 0 0 0 10px rgba(255,255,255,0.5) inset; -webkit-animation: flyInRight 0.8s ease 2100ms both; -webkit-animation-play-state: initial; } .webclassical li p{ font-size:16px; font-family:"微软雅黑"; line-height:32px; padding-top:12px; } .webbluebg{ background:#023b8a; padding:20px 0 36px; } .webblue{ width:1200px; margin:0 auto; } .webblue h1{ font-size:48px; text-align:center; color:#fff; padding-top:20px; font-family:"微软雅黑"; line-height:86px; } .webblue h2{ font-size:36px; text-align:center; font-family:"微软雅黑"; line-height:66px; font-weight:100; color:#fff; } .webblue h3{ font-size:18px; text-align:center; font-weight:100; color:#fff; font-family:"微软雅黑"; line-height:66px; } .webblue_box{ width:260px; background:#fff; height:428px; float:left; } .webblue_box h4{ color:#fff; font-size:18px; font-family:"微软雅黑"; background:#c50000; font-weight:100; padding:12px 0; } .webblue_box h4 span{ font-size:36px; font-style:italic; font-weight:100; padding:0 15px 0 10px; float:left; } .webblue_box p{ font-size:16px; font-family:"微软雅黑"; padding:10px 15px; line-height:28px; } .webblue_bot{ font-family:"微软雅黑"; } .webblue_bot h5{ font-size:38px; font-weight:100; text-align:center; color:#fff; line-height:96px; padding-top:30px; } .webblue_bot li{ width:50%; border-bottom:#fff 1px dotted; color:#fff; float:left; padding:16px 20px 16px 0; height:180px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .webblue_bot li span{ width:140px; height:140px; color:#023b8a; text-align:center; line-height:140px; font-size:26px; font-weight:bold; float:left; background:#FFF; border-radius:50%; margin-right:12px; } .webblue_bot li div{ font-size:14px; padding-top:10px; padding-top:36px; } .webwhy{ width:1200px; padding:30px 0; font-family:"微软雅黑"; margin:0 auto; } .webwhy h2{ font-size:48px; text-align:center; color:#c50000; line-height:99px; } .webwhy p{ font-size:20px; line-height:36px; padding-bottom:30px; } .webwhy h3{ font-size:28px; color:#c50000; line-height:46px; } .webwhy_text{ padding-top:10px; } .webwhy_tl{ height:49px; font-size:18px; font-family:"微软雅黑"; color:#fff; line-height:49px; background:url(/templets/domo/Images/website_11.jpg) #023b8a no-repeat right; padding-right:30px; float:left; margin-bottom:12px; } .webwhy_tl span{ background:#c50000; color:#fff; font-size:39px; font-style:italic; padding:0 12px; font-family:Arial, Helvetica, sans-serif; border-right:#fff 10px solid; line-height:49px; margin-right:10px; float:left; } .web_baidubg{ width:100%; background:url(/templets/domo/Images/website_15.jpg) #f3f3f3 no-repeat center top; } .web_baidu{ width:1200px; padding-top:60px; padding-bottom:30px; margin:0 auto; } .web_baidu_t{ text-align:center; font-family:"微软雅黑"; font-size:36px; color:#023b8a; line-height:106px; } .web_baidu_t span{ font-size:52px; color:#c50000; } .web_baidu_y{ } .web_baidu_y li{ width:195px; padding-right:6px; float:left; } .web_baidu_y li div{ background:#023b8a; color:#fff; padding:10px; height:149px; font-size:14px; font-family:"微软雅黑"; display:block; } .web_baidu_y li div h3{ text-align:center; font-size:41px; font-weight:100; line-height:41px; } .web_baidu_c{ padding-top:30px; } .web_baidu_c li{ width:232px; padding-right:10px; float:left; } .web_baidu_c li div{ border:#023b8a 0px solid; font-family:"微软雅黑"; background:#e7e7e9; display:block; } .web_baidu_red{ color:#c50000; font-size:18px; font-weight:bold; } .web_baidu_white{ color:#023b8a; } .webtop4{width:100%; background:url(/templets/domo/Images/website_24.jpg) repeat-x bottom #f1f1f1; text-align:center; padding:25px 0; margin:0 auto;} .webtop5{width:100%; background:url(/templets/domo/Images/website_42.jpg) repeat-x bottom #e2e2e2; text-align:center; margin:0 auto; font-family:"微软雅黑";} .webtop5 h2{padding:30px 0 0; font-size:20px;} .webtop5 ul{width:1002px; margin:0 auto;} .webtop5 li{padding:20px 15px; float:left;} .webtop5 p{ font-size:14px; color:#666; } .webtop6{width:100%; background:#f1f1f1; margin:0 auto;} .webtop6 h3{text-align:center; padding:25px 0;} .webtop6 .web_boxl{width:60%; padding:10px 0 30px; float:left;} .webtop6 .web_boxl h2{color:#202020; font-size:26px; font-family:"微软雅黑"; padding-left:10px; line-height:66px;} .webtop6 .web_boxl li{color:#202020; font-size:24px; font-family:"微软雅黑"; padding-left:10px; font-weight:100; line-height:46px;} .webtop6 .web_boxr{width:40%; padding:15px 0 30px; float:left;} .webtop6 .web_boxr .f_btn{width:258px; font-size:14px; padding:3px; border:#d1d1d1 1px solid; background:#f1f1f1; line-height:23px; height:23px;} .webtop6 .web_boxr span{font-weight:bold; font-size:14px;} /*weixin*/ .weibox1{width:100%; background:url(/templets/domo/Images/weixin_03.jpg) repeat-x; text-align:center; margin:0 auto;} .weibox2{width:100#; background:url(/templets/domo/Images/weixin_09.jpg) repeat-x; text-align:center; margin:0 auto; margin-top:10px;} .weibox3{width:100%; background:#f6f6f6; margin:0 auto; text-align:center; padding:26px 0; margin-top:10px;} .weibox4{width:100%; text-align:center; margin:0 auto;} /*mobile*/ .mobbanner{width:100%; background:url(/templets/domo/Images/qxtbanner.jpg) center; height:550px; margin:0 auto; border-top:#374e7e 1px solid;} .mobbox1{ width:100%; text-align:center; margin:0 auto; font-family:"微软雅黑"; padding-bottom:60px; } .mobbox1 h2{ font-size:60px; line-height:70px; font-weight:100; text-align:center; padding:50px 0 0 0; } .mobbox1 h3{ font-size:16px; text-align:center; font-weight:100; line-height:30px; padding:20px 0 30px; } .mobbox1 p{ text-align:center; } .mobbox2bg{ width:100%; background:url(/templets/domo/Images/m1_bg.jpg) no-repeat center; } .mobbox2{ width:1200px; font-family:"微软雅黑"; margin:0 auto; position: relative; height: 520px; } .mobbox2 div{ padding-left:36px; } .mobbox2 h2{ font-size:44px; font-weight:100; line-height:60px; padding-top:90px; } .mobbox2 h3{ font-size:18px; font-weight:100; padding-top:10px; line-height:28px; } .mobbox2 .bg { background-image: url(/templets/domo/Images/qxt01.png); background-repeat: no-repeat; background-position: 50% 50%; height: 520px; margin-right: -60px; position: absolute; right: 50%; top: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.19,1,0.22,1); transition: transform 1.1s cubic-bezier(0.19,1,0.22,1); width: 606px; } .mobbox2.active .bg { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0); } .mobbox2 .bg { -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0); } .mobbox2 .mb2_text{ padding-left:666px; } .mobbox3bg{ width:100%; height:600px; background:url(/templets/domo/Images/qxt_02.jpg) no-repeat bottom center; } .mobbox3{ width:1200px; font-family:"微软雅黑"; margin:0 auto; } .mobbox3 div{ padding-left:100px; } .mobbox3 h2{ font-size:44px; padding-top:100px; font-weight:100; line-height:60px; } .mobbox3 h3{ font-size:18px; font-weight:100; line-height:30px; padding-top:10px; } .mobbox4bg{ width:100%; background:#75a5fa; padding:30px 0; margin-top:20px; } .mobbox4{ width:1200px; font-family:"微软雅黑"; color:#fff; margin:0 auto; } .mobbox4 div{ padding-left:100px; padding-left:100px; } .mobbox4 h2{ font-size:44px; padding-top:100px; font-weight:100; line-height:60px; } .mobbox4 h3{ font-size:18px; font-weight:100; line-height:30px; padding-top:10px; } .mobbox5{ width:1200px; font-family:"微软雅黑"; padding:30px 0; margin:0 auto; } .mobbox5 div{ padding-left:100px; padding-top:60px; } .mobbox5 h2{ font-size:44px; font-weight:100; line-height:60px; } .mobbox5 div p{ font-size:18px; padding-top:20px; line-height:30px; } .btnn-default { background-color: #e02c00; color: #fff; overflow: hidden; position: relative; z-index: 1; } .btnn-small { font-size: 22px; } .btnn { border: 0 none; border-radius: 1.28em; color: #FFF; cursor: pointer; _cursor: hand; display: inline-block; font-size: 22px; line-height: 2.4; outline: 0 none; padding: 0 1.68em; text-decoration: none; margin-top:36px; } /**/ .inw100{width:100%; text-align:center; margin:0 auto;} /*operator*/ .opbanner{width:100%; background:url(/templets/domo/Images/dyxbanner.jpg) center; height:448px; margin:0 auto;} .inw_optpt{width:1200px; text-align:left; font-size:27px; font-family:"微软雅黑"; line-height:56px; padding-top:10px; margin:0 auto;} .inw_optpt p{padding-right:20px; float:left;} .inw_optfaq{width:1200px; text-align:left; font-size:23px; font-family:"微软雅黑"; font-weight:bold; line-height:52px; margin:0 auto;} .inw_optfaq p{padding-right:6px; padding-top:10px; float:left;} .inw_optcase{width:1200px; text-align:left; margin:0 auto;} .inw_optblue{color:#008edd;} .inw_optred{color:#C00;} .inw_optcaset{font-size:20px; font-family:"微软雅黑"; font-weight:bold; line-height:36px;} .inw_optcaset p{padding-right:20px; float:left;} .inw_optcaseb{font-size:18px; font-family:"微软雅黑"; font-weight:bold; line-height:32px;} .inw_optcaseb p{padding-left:10px; float:right;} .op_box_qh{background:#eee;} .op_box_gary{background:#dedede;} /*seo*/ .seobanner{background:url(/templets/domo/Images/seobanner.jpg) center no-repeat; height:448px; margin-top:1px; margin-bottom:1px;} .stop_blue{background:url(/templets/domo/Images/seo_03.jpg) repeat-x; height:68px;} .scon_gary{background:#eee; padding:15px 0;} .stop_gary{background:url(/templets/domo/Images/seo_18.jpg) repeat-x; height:68px;} .tool_title{ background:#eee; text-align:center; padding:40px 0; } .tool_title a{ color:#000; background:#cfcfcf; display: inline-block; margin: 0 5px 0; padding: 0 40px; font-size:22px; text-decoration:none; line-height:57px; font-family:"微软雅黑"; } .tool_title .on, .tool_title .on:hover { background: #be2500; color: #fff; } /*五大核心 core*/ .hide { display: none; } .tool_conbg{ width:100%; position:relative; } .tool_con{ width:1200px; margin:0 auto; } .tool_con a { color: #404040; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .btitle { display: block; text-align: center; line-height: 50px; font-size: 36px; color: #186dbf; font-family: "幼圆","黑体"; position: relative; padding: 10px 0; font-weight: bold; } .btitle:after { content: ""; width: 50px; height: 2px; background: #186dbf; position: absolute; bottom: 0; left: 50%; margin-left: -25px; } .core ul{ width:100%; overflow: hidden; padding:40px 0; text-align: center;} .core ul li{ float:left; overflow: hidden; width:18%; margin:0 1%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .core ul li:hover{ -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); transform: translate(0,-10px);} .core ul li a { display: block; width: 100%; padding: 20px 10px; border: 1px solid #186dbf; border-radius: 3px; position: relative; overflow: hidden; text-decoration:none; } .core ul li a{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .core ul li a:hover{ box-shadow:2px 2px 3px 5px rgba(0,0,0,.2);} .core ul li a:before { content: ""; display: block; position: absolute; width: 0; height: 0; top: 0; left: 0; border-width: 24px 24px 0 0; border-style: solid; border-color: #186dbf transparent transparent transparent; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .core ul li a h4 { font-size: 16px; display: block; text-align: center; color: #186dbf; font-family: "幼圆"; } .core ul li a i { display: block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; font-size: 50px; text-align: center; margin: 40px auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .core ul li:hover a i{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .subNavTdh1 { height: 6px; border-bottom: 5px #D1251D solid; padding-left: 168px; width: 100%; } i, b { font-weight: normal; font-style: normal; } .core ul li a span { display: block; text-align: center; line-height: 24px; } .core ul li a:after { content: ""; display: block; position: absolute; width: 0; height: 0; bottom: 0; right: 0; border-width: 0 0 24px 24px; border-style: solid; border-color: transparent transparent #186dbf transparent; opacity: 0; } .core ul li a:hover:before, .core ul li a:hover:after{ opacity:1;} .bgo { background: #ff7200; } .bgdb { background: #186dbf; } .bgb { background: #0082ff; } .bgg { background: #6caa56; } .bgp { background: #fc6666; } .icon-meitizixun:before { content: "\e609"; } .icon-xiangying:before { content: "\e604"; } .icon-search:before { content: "\e602"; } .icon-data:before { content: "\e603"; } .icon-media:before { content: "\e60a"; } /*advantage*/ .advantage *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .advantage{ width:1236px; margin:0 auto; } .advantage-cont a { color: #404040; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .fcolorb { color: #0082ff; } .fcoloro { color: #ff7200; } .fcolorg { color: #6caa56; } .fcolorpp { color: #8328ff; } .fcolorp { color: #fc6666; } .icon-editicon:before { content: "\e606"; } .icon-airs:before { content: "\e623"; } .icon-rank:before { content: "\e618"; } .icon-discern:before { content: "\e624"; } .icon-cloudfresh:before { content: "\e625"; } .icon-accounts:before { content: "\e619"; } .advantage-cont { overflow: hidden; width: 100%; margin: 20px auto; } .advantage-cont li { width: 30.3%; float: left; margin: 20px 1.5%; border: 1px solid #3599df; padding: 30px 0; position: relative; cursor: pointer; } .advantage-cont li:before { content: ""; position: absolute; display: block; bottom: 0; left: 0; z-index: -1; width: 100%; height: 0; background: #3599df; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .advantage-cont li:hover:before { height: 100%; } .advantage-cont li span { display: block; float: left; width: 40%; text-align: center; } .advantage-cont li span i { display: inline-block; font-size: 50px; margin-top: 35px; } .advantage-cont li:hover span i{ -webkit-animation:waggle .8s 1 ease; -moz-animation:waggle .8s 1 ease; -ms-animation:waggle .8s 1 ease; -0-animation:waggle .8s 1 ease; animation:waggle .8s 1 ease;} @-moz-keyframes waggle{ 0%{-moz-transform:translate(0,-5px);} 25%{-moz-transform:translate(0,5px);} 50%{-moz-transform:translate(0,-3px);} 75%{-moz-transform:translate(0,3px);} 100%{-moz-transform:translate(0,0px);} } @-webkit-keyframes waggle{ 0%{-webkit-transform:translate(0,-5px);} 25%{-webkit-transform:translate(0,5px);} 50%{-webkit-transform:translate(0,-3px);} 75%{-webkit-transform:translate(0,3px);} 100%{-webkit-transform:translate(0,0px);} } @-o-keyframes waggle{ 0%{-o-transform:translate(0,-5px);} 25%{-o-transform:translate(0,5px);} 50%{-o-transform:translate(0,-3px);} 75%{-o-transform:translate(0,3px);} 100%{-o-transform:translate(0,0px);} } @-ms-keyframes waggle{ 0%{-ms-transform:translate(0,-5px);} 25%{-ms-transform:translate(0,5px);} 50%{-ms-transform:translate(0,-3px);} 75%{-ms-transform:translate(0,3px);} 100%{-ms-transform:translate(0,0px);} } @keyframes waggle{ 0%{-moz-transform:translate(0,-5px);} 25%{-moz-transform:translate(0,5px);} 50%{-moz-transform:translate(0,-3px);} 75%{-moz-transform:translate(0,3px);} 100%{-moz-transform:translate(0,0px);} } .advantage-cont li:hover span i{ color:#fff!important;} .advantage-cont li h2{ display:block; width:60%; float: left; padding:5%; line-height: 30px; font-size:20px; text-align: left; color:#186dbf; font-family: "幼圆","黑体"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .advantage-cont li:hover h2{ color:#fff;} /*baidu_box*/ .baidu_boxbg{ width:100%; background: #f7f7f7; padding:15px 0; } .baidu_box{ width:1198px; margin:0 auto; height: 584px; padding-top: 35px; background:#fff; border: 1px #d7d7d7 solid; border-bottom:none; } .model { width: 1200px; height: 110px; border-bottom: 1px #d7d7d7 solid; margin: 0 auto; margin-top: 35px; } .mode { float: left; width: 580px; } .mod_pic { float: left; margin-left: 50px; } .mod_wrt { float: left; margin-left: 20px; } .mod_wrt h2{ font-size:20px; font-family:"微软雅黑"; line-height:32px; } .mod_wrt p{ font-family:"微软雅黑"; font-size:15px; } .mode1 { float: right; width: 580px; margin-right: 30px; } /*solution*/ .solbanner{width:100%; background:url(/templets/domo/Images/netbanner.jpg) center; height:448px; margin:0 auto;} .sol_box01{width:100%; background:#fafafa; padding-top:20px;} .sol_box01_top{width:1002px; margin:0 auto;} .sol_box01_top li{float:left;} .sol_box_white{width:100%; text-align:center; margin:0 auto;} .sol_box_blue{width:100%; background:#0499e9; text-align:center; margin:0 auto; margin-bottom:12px;} .sol_box_gary01{width:100%; background:url(/templets/domo/Images/netbg_01.jpg); text-align:center; margin:0 auto;} .sol_box_line{width:100%; border-top:#a0a0a0 1px dashed; border-bottom:#a0a0a0 1px dashed; text-align:center; padding:15px 0; margin:0 auto; margin-top:20px; margin-bottom:20px;} .sol_box_gary02{width:100%; background:url(/templets/domo/Images/netbg_02.jpg); text-align:center; padding-top:30px; margin:0 auto;} .sol_box_cus{width:100%; background:#e1f5ff; text-align:center; margin:0 auto;} .sol_about{width:1002px; padding:15px 0; margin:0 auto;} .sol_about h2{background:url(/templets/domo/Images/network_34.jpg) left no-repeat; font-size:20px; font-family:"微软雅黑"; color:#039cf0; padding-left:20px; font-weight:100; line-height:68px;} .sol_about .sol_about_vt{} .sol_about .sol_about_v{width:460px; float:left;} .sol_about .sol_about_t{width:520px; padding-left:22px; float:left;} .sol_about .sol_about_t h3{color:#039cf0; font-weight:100; font-size:16px; font-family:"微软雅黑"; line-height:36px; border-bottom:#d9d9d9 1px dashed;} .sol_about .sol_about_t li{background:url(/templets/domo/Images/network_38.jpg) left no-repeat; padding-left:30px; line-height:32px; font-size:14px;} .sol_about .sol_about_h{} .sol_about_hl,.sol_about_hr{width:26px; padding-top:60px; float:left;} .sol_about_hm{width:940px; padding:0 5px; float:left;} .sol_about_hm li{text-align:center; padding:0 5px; float:left;} /*index slider auto fix*/ .container, .container *{margin:0; padding:0;} .container{width:100%; height:398px; overflow:hidden;position:relative;} .slider{overflow:hidden;} .slider li{width:100%; height:398px; float:left;list-style:none;} .slider li a{width:100%; height:398px;display:block;} .num{ position:absolute; right:0px; bottom:10px; border:0px #00C solid; width:52%;} .num li{ float: left; list-style:none; width: 14px; height: 14px; font-size: 0px; cursor: pointer; margin: 0px; /*background:url(/templets/domo/Images/dots.png) ; */ background-position:0 -15px; overflow:hidden; } .num li.on{ width: 14px; height: 14px; font-size: 0px; background-position:0 -30px; } /*pintro*/ .pintrobg{ width:100%; /*background:url(/templets/domo/Images/pbg.jpg) no-repeat center;*/ height:309px; background-color: #1f1f1f; } .pintro{ padding:30px 0 20px; } .pintro li{ width:18%; color:#CCC; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; } .pintro li h2{ font-size:16px; color:#CCC; line-height:29px; padding-left:25px; } .pintro li h2 i{ font-size:20px; line-height:30px; padding-right:5px; } .jcl_icon:before { content: "\E601"; } .pintro li div{ padding-left:50px; font-size:14px; line-height:26px; } .pintro li div a{ color:#ccc; text-decoration:none; } .pintro li div a:hover{ color:#fff; text-decoration:none; } .pintro li div strong{ color:#038dd3; } /*nav*/ .proSubNav { left: -114px; } .fl { display: inline; float: left; } .subNavT{ display:none; position:absolute; top:44px; z-index:1; padding-top:5px; width: 783px; background:none; overflow: hidden; } .subNavC{ padding:10px 4px 45px 5px; background:url(/templets/domo/Images/subnavc.png) 0 0 no-repeat; padding:15px 0px 30px 10px; background-color: #fff; height: 260px; border: #D1251D 1px solid; width: 771px; } .proSubNav dl dd img { width: 115px; height: 70px; margin: 10px 0px; } .proSubNav dl dt img { width: 280px; height: 70px; margin: 10px 0px; } .proSubNav dl{ margin: 0 10px; border-right: #EAE6E6 1px solid; margin-bottom: 15px; width: 132px; height: 270px; } .proSubNav dl a{ color:#666; text-decoration:none; } .navDl1 { width: 102px; } .navDl2 { width: 302px !important; } .navDl3 { width: 132px; } .navDl4 { width: 132px; margin-right: 0px !important; border-right: none !important; } .navdl5{ width: 160px !important; border-right: #EAE6E6 1px solid !important; padding: 0px 14px 0px 10px; height: 225px !important; } .proSubNav dl dt { height: 36px; font-weight:bold; font-size:16px; color: #d1251d; overflow: hidden; } .proSubNav dl dd { float: left; overflow: hidden; line-height: 30px; width: 150px; border-bottom: none; } .proSubNav dl dd a, .proSubNav dl dd a:hover { padding-left: 15px; background: url(/templets/domo/Images/icon2.jpg) 3px center no-repeat; } /*news_nav*/ .about .about_left { background-color: #346cd5; padding-right: 0px; margin-right: 10px; } .about .about_left .about_l_item { border: #d5d5d5 1px solid; border-top: none; padding: 0 15px; } .about .about_left .about_l_item h3{ padding-left: 27px; font-size: 16px; line-height:45px; background: urL(../Images/2016091408450620620.png) center left no-repeat; color: #fff; border-bottom: #2057BB 1px solid; } .about .about_left .about_l_item ul{ border-top: #679af8 1px solid; padding: 0px 15px; } .about .about_left .about_l_item li{ border-bottom: #2057bb 1px solid; line-height: 34px; padding-left: 0px; font-size: 14px; } .about .about_left .about_l_item li a{ color:#fff; } .about .about_left .about_l_item li a.fred { color: #FFB035; } a.gary{ padding-left: 10px; } .about .about_left .about_l_item li:hover a.gary{ background: urL(../Images/20160914102351195119.png) center left no-repeat; } .about .about_left .about_l_item li:hover a{ color:#ffb035; } a.fred{ color: #FFB035; display: block; padding-left: 10px; background: urL(../Images/20160914102351195119.png) center left no-repeat; } .about .about_left .about_l_item h4{ margin: 0 px !important; margin: 0px; padding-left: 27px; color: #91B6FD; } .about .about_left .about_l_item li:last-child{ border-bottom:none; } .about_l_item1 li{ line-height: 40px !important; } /* FILE ARCHIVED ON 01:43:46 Sep 08, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:18:39 Apr 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.585 exclusion.robots: 0.135 exclusion.robots.policy: 0.126 cdx.remote: 0.055 esindex: 0.009 LoadShardBlock: 1683.025 (3) PetaboxLoader3.datanode: 1652.268 (5) PetaboxLoader3.resolve: 155.327 (4) load_resource: 199.091 (2) */