/* 全局设置 Start */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word} body,html,input,textarea,select,option{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;font-family:"微软雅黑","Times New Roman";} a{font-family:"微软雅黑","Times New Roman";} table{border-collapse:collapse;border-spacing:0;} img{border:none} h1{font-size:34px;} h2{font-size:26px;} h3{font-size:18px; } h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px;} input,label,img,th{vertical-align:middle;} .font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;} address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;} ul,ol,li{list-style:none;} a{text-decoration:none; color:#222;} a{outline:none;} a:hover{text-decoration:none; color:#028dc8;} .white,.white a{color:#fff} .blue,.blue a{color:#004499} .gray,a.gray{color:#999} .yellow,a.yellow,.yellow a{color:#FC0;} .red,.red a, a.red{color:red;} .green{color:#0E774A} .grey{ color:#ccc;} select optgroup{color:#CAC8BB;} header{ display:block} .hidden{display:none;} .invisible{visibility:hidden;} .ib,.ib-a a{display:inline-block;zoom:1;*display:inline;} .clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear,.main{display:inline-block;} * html .clear,* html .main{height:1%;} .clear,.main{display:block;} .wrapper-out{min-width:1000px} .wrapper-inner{} .layout{margin:0 auto;width:1000px;min-width:1000px; font-size:14px; line-height:30px;} .fleft{float:left} .fright{float:right} .mt12{ margin-top:12px;} .mb15{ margin-bottom:15px;} a{ color:#333; text-decoration:none;} a:hover{ color:#049ad9;} .red {color:#f00} .green{ color:#009933;} .blue, a.blue, a.blue:visited {color:#1CA1DA} #main{padding: 0px 10px; overflow:hidden; min-width: 1180px; } /* End 全局设置 */ .bgGray{ background:#f7f8f9; } .bgGrayDesktop{ background:#f7f8f9; } .bgGrayApp{ background:#fff; } .visibleDesktop{ display:block;} .visibleApp{ display:none;} .visibleBoth{ display:block;} /* banner Start */ #banner { height:420px; width:100%; min-width:1200px; margin:0 auto; background:#1d3b7b; } #banner .banner { height:420px; width:100%; min-width:1200px; position:relative; } #banner .banner .slides{width:100%; height:420px; position:relative; z-index:1; overflow:hidden;} #banner .banner .slides li{width:100%; height:100%;} #banner .banner .slides li a{ width:100%; height:100%; display:block;} #banner .banner .slides a:hover{ text-decoration:none;} #banner .banner .slides li .textBox { width:100%; height:30px; padding-bottom:0px; position:absolute; bottom:20px; margin:0px auto; } #banner .banner .slides li .textBox .text { height:100%; width:1000px;min-width:1000px; /*background-color:rgba(0,0,0,0.6);*/ color:#fff; line-height:30px; text-align:center; margin:0px auto;} #banner .banner .slides li .textBox .text a{ color:#fff; background:#000; padding:4px;} #banner .banner .slides li .textBox .text a span{ padding:4px;} #banner .banner .slides li .textBox .text a span:hover{ background:#000; } #banner .banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:calc( 50% - 40px );} #banner .banner .flex-direction-nav li a{display:block;width:30px;height:80px;overflow:hidden;cursor:pointer;position:absolute;} #banner .banner .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) left top no-repeat;} #banner .banner .flex-direction-nav li a.flex-next{right:40px;background:url(../images/prev.png) right top no-repeat;} #banner .banner .flex-direction-nav li a.flex-prev:hover{ background:url(../images/prev.png) left bottom no-repeat;} #banner .banner .flex-direction-nav li a.flex-next:hover{ background:url(../images/prev.png) right bottom no-repeat;} #banner .banner .flex-control-nav{position:relative;bottom:22px; z-index:2;width:100%;text-align:center;} #banner .banner .flex-control-nav li{display:inline-block;width:23px;height:14px;margin:0 5px;*display:inline;zoom:1;} #banner .banner .flex-control-nav a{display:inline-block;width:23px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} #banner .banner .flex-control-nav .flex-active{background-position:0 0;} /* 头部 Start */ #header { width:100%; min-width:1200px; height:82px; margin:0px auto; position:absolute; z-index:9999; display:inline; } #header .header { width:1200px; height:82px; margin:0px auto; z-index:9999; /*border-bottom:1px solid #1d3b7b; */} #header .header .logo { width:auto; float:left; padding-top:10px; } .logoa{ float:left; } .language{ float:left; padding-top:24px; color:#FC0; cursor:pointer; padding-left:10px; text-indent:10px; } .language .name{ position:relative; } .language .name em{ font-size:8px; padding-left:4px; color:#FC0;} .language .keywords{ position:absolute; display:none; background:#303848; width:70px; text-indent:10px; margin-top:10px; } .language .keywords a{ color:#FC0; clear:both; display:block; line-height:32px; } .nav-bg{ background:#303848;} .nav { height:auto; width:auto; float:right; line-height:42x; font-size:14px;} .nav ul { height:100%; width:auto; font-family:"微软雅黑"; margin:0 auto;} .nav ul li { height:100%;float:left;text-align:center; position:relative; display:block; } .nav ul li:first-child { background:none;} .nav ul li a{ width:100%; display:block; color:#fff;} .nav ul li.on, .nav ul li:hover {/* height:45px;*/ } .nav ul li:hover blockquote a { color:#00A0DE; font-weight:bolder;} .nav ul li.on a, .nav ul li:hover a{ display:block; color:#00A0DE;} .nav ul li a { display:block; font-weight:100; text-decoration:none;} /* 底部 */ #footer{ width:100%; height:auto; margin:0px auto; min-width:1200px; background:#3e404c; color:#9a9b9f; } #footer .footer{ width:1200px; height:auto; margin:0px auto;line-height:24px; overflow:hidden; text-align: center;padding: 20px 0;} #footer .footer .footerUp{ width:100%; height:auto; margin:30px auto; overflow:hidden; clear:both; } #footer .footer .footerUp dl{ width:200px; float:left; line-height:30px;} #footer .footer .footerUp dl dt{ font-weight:bold; font-size:14px; padding:10px 0px; } #footer .footer .footerUp dl dt a{ color:#ddd;} #footer .footer .footerUp dl dd{} #footer .footer .footerUp dl dd a{ color:#9a9b9f;} #footer .footer .footerUp dl dd a.yellow{color:#FC0;} #footer .footer .footerUp .wechat{ float:right; text-align:center; } #footer .footer .footerDown{ width:100%; height:auto; margin:0px auto; border-top:1px solid #535562; padding:20px 0px; text-align:center;} #footer .footer .footerDown .flink{ padding:0px 0px 10px 0px;} #footer .footer .footerDown .flink ul{} #footer .footer .footerDown .flink ul li{ width:auto; display:inline-block; margin:0px 20px 0px 0px; } #footer .footer .footerDown .flink ul li a{ color:#9a9b9f;} #footer .footer .footerDown .flink ul li a:hover{ color:#fff; } #footer .footer .footerDown a{color:#9a9b9f;} #footer .footer .footerDown p{ display:inline-block; } #footer .footer .footerDown p.lang, #footer .footer .footerDown p.lang a{color:#FC0;} .blockArea{ width:100%; min-width:1200px; height:auto; margin:0px auto 0px auto; padding:30px 0px 30px 0px; overflow:hidden;} .blockArea .subject{ width:100%; margin:0px auto; overflow:hidden; } .blockArea .subject .title{ font-size:28px; color:#333; text-align:center; font-weight:100; padding:15px 0px;} .blockArea .subject .titleSub{font-size:16px; color:#666; text-align:center; font-weight:100; background:url(../images/titleSubBg.png) no-repeat center; padding-bottom:15px; } .blockArea .subject .titleSub span{ background:#fff; padding:0px 20px;} .blockArea .subject .description{ width:60%; margin:20px auto; text-align:center; color:#666; } .bgGray .subject .titleSub span{ background:#f8f8f8; padding:0px 20px;} /* 解决案例/产品服务 */ #aboutus{} #aboutus .listDefault{ line-height:28px; } #aboutus .listDefault .content{ width:100%; padding:60px 0px 0px 0px; line-height:200%; font-size:16px; text-align:center; } #aboutus .listDefault .content .btnMore{ width:100%; margin:0px auto; display:block; text-align:center; margin-top:40px; } #aboutus .listDefault .content .btnMore .btn{ width:120px; height:36px; font-size:14px; border:1px solid #c0c5d5; background:#fff; padding:8px 15px; color:#5f6d97; border-radius:5px; } /* 合作共赢 */ #hezuo{ } #hezuo .hezuo{} #hezuo .hezuo .content{ width:100%; padding:40px 0px 0px 0px;} #hezuo .hezuo .content ul{} #hezuo .hezuo .content ul li{ width:25%; float:left; overflow:hidden; } #hezuo .hezuo .content ul li div{ width:90%; height:360px; margin:0px auto; border:1px solid #e4e1e1; border-radius:5px; } #hezuo .hezuo .content ul li div h1{ width:50px; height:2px; background:#1a2d6a; margin:0px auto; clear:both; } #hezuo .hezuo .content ul li div h2{ width:100%; height:52px; font-size:18px; line-height:26px; text-align:center; font-weight:300; padding:30px 0px 0px 0px; } #hezuo .hezuo .content ul li div span{ width:100%; height:auto; margin-top:20px; text-align:center; display:block; } #hezuo .hezuo .content ul li div span img { text-align: center; width: 200px; border-radius: 10px; height: 160px; } #hezuo .hezuo .content ul li div h3{ width:70%; margin:0px auto; line-height:20px; font-size:12px; text-align:center; padding:25px 0px 10px 0px; font-weight:100;} #hezuo .hezuo .content ul li div h3 a{ color:#666;} #hezuo .hezuo .content ul li div h4{font-size:12px; color:#ca1c1d; font-family:"宋体"; font-weight:300; line-height:16px; text-indent:16px; width:auto; margin:0px auto; text-align:center; } #hezuo .hezuo .content ul li div h4 em{ width:16px; height:16px; display:inline-block; background:url(../images/icon-link.png) center no-repeat; vertical-align:middle; } #hezuo .hezuo .content ul li div h4 a{ color:#ca1c1d;} #hezuo .hezuo .content ul li div h5{ width:80%; margin:0px auto; font-size:18px; color:#2d71e0; font-weight:300; padding-top:20px; margin-bottom:10px; } #hezuo .hezuo .content ul li div p{ width:80%; margin:0px auto; line-height:18px; color:#666666; padding-top:8px;} #hezuo .hezuo .content ul li div p b{ width:100%; margin:0px auto; display:block; font-weight:300;} #hezuo .hezuo .content ul li div p strong{ width:100%; margin:0px auto; display:block; font-weight:300; font-size:14px; margin-top:4px;} /* 服务范围 */ #service{ } #service .service{ line-height:28px; } #service .service .content{ width:100%; padding:40px 0px 0px 0px;} #service .service .content ul{} #service .service .content ul li{ width:25%; float:left; overflow:hidden; } #service .service .content ul li div{ width:90%; margin:0px auto; } #service .service .content ul li div span{ width:100%; text-align:center; display:block; } #service .service .content ul li div span img{ text-align:center;} #service .service .content ul li div h3{ height:52px; margin:10px 0px; line-height:26px; font-size:16px; text-align:center; padding:20px 0px; font-weight:100; } #service .service .content ul li div h3 a{ color:#666;} /* 解决案例/产品服务 */ #case{} #case .listDefault{ line-height:28px; } #case .listDefault .content{ width:100%; padding:40px 0px 0px 0px;} #case .listDefault .content ul{ width:100%; margin:0px auto; display:block; overflow:hidden; } #case .listDefault .content ul li{ width:25%; float:left; overflow:hidden; margin-bottom:20px; } #case .listDefault .content ul li div{ width:90%; margin:0px auto; height:300px; border:1px solid #e4e1e1; background:#fff; } #case .listDefault .content ul li div span{} #case .listDefault .content ul li div span img{ width:100%; height:180px;} #case .listDefault .content ul li div h3{ line-height:22px; font-size:14px; text-align:center; padding:12px 0px; font-weight:100; overflow:hidden; } #case .listDefault .content ul li div h3 a{ color:#666;} #case .listDefault .content ul li div p{ margin:0px auto; width:90%; line-height:20px; } #case .listDefault .content .btnMore{ width:100%; margin:0px auto; display:block; text-align:center; margin-top:40px; } #case .listDefault .content .btnMore .btn{ width:120px; height:36px; font-size:14px; border:1px solid #c0c5d5; background:#fff; padding:8px 15px; color:#5f6d97; border-radius:5px; } #case .listDefault .content .btnMore .btn span{ font-family:"宋体"; padding-left:4px;} #case .listDefault .content .btnMore .btn:hover{ background:#5f6d97; color:#fff;} /* 荣誉资质 */ #Honor{} #Honor .listDefault{ line-height:28px; } #Honor .listDefault .content{ width:100%; padding:40px 0px 0px 0px;} #Honor .listDefault .content ul{ width:100%; margin:0px auto; display:block; overflow:hidden; } #Honor .listDefault .content ul li{ width:25%; float:left; overflow:hidden; margin-bottom:20px; } #Honor .listDefault .content ul li div{ width:90%; margin:0px auto; height:250px; border:1px solid #e4e1e1; background:#fff; } #Honor .listDefault .content ul li div span{} #Honor .listDefault .content ul li div span img{ width:100%; height:180px;} #Honor .listDefault .content ul li div h3{ line-height:22px; font-size:16px; text-align:center; padding:12px 0px; font-weight:100; overflow:hidden; } #Honor .listDefault .content ul li div h3 a{ color:#666;} #Honor .listDefault .content ul li div p{ margin:0px auto; width:90%; line-height:20px; } #Honor .listDefault .content .btnMore{ width:100%; margin:0px auto; display:block; text-align:center; margin-top:40px; } #Honor .listDefault .content .btnMore .btn{ width:120px; height:36px; font-size:14px; border:1px solid #c0c5d5; background:#fff; padding:8px 15px; color:#5f6d97; border-radius:5px; } #Honor .listDefault .content .btnMore .btn span{ font-family:"宋体"; padding-left:4px;} #Honor .listDefault .content .btnMore .btn:hover{ background:#5f6d97; color:#fff;} /* 公司动态 */ #companyNews{ } #companyNews .companyNews{ line-height:28px; } #companyNews .companyNews .content{ width:100%; padding:40px 0px 0px 0px;} #companyNews .companyNews .content ul{} #companyNews .companyNews .content ul li{ width:25%; float:left; overflow:hidden; } #companyNews .companyNews .content ul li div{ width:90%; margin:0px auto; } #companyNews .companyNews .content ul li div span{} #companyNews .companyNews .content ul li div span img{ width:100%; height:180px} #companyNews .companyNews .content ul li div h3{ margin:10px 0px; line-height:30px; font-size:16px; font-weight:100; } #companyNews .companyNews .content ul li div h3 a{ color:#666;} #companyNews .companyNews .content ul li div p{ width:100%; height:60px; overflow:hidden; line-height:20px; margin:6px 0px 20px 0px;} #companyNews .companyNews .content ul li div p a{ color:#999;} #companyNews .companyNews .content ul li div b{ font-weight:100; } #companyNews .companyNews .content ul li div b a{ padding:4px; background:#3070f8; color:#fff; border-radius:3px; } /* 首页合作 */ #cooperation{ } #cooperation .cooperation{ } #cooperation .cooperation .content{ text-align:center; padding:20px 0px 0px 0px;} #cooperation .cooperation .content ul{} #cooperation .cooperation .content ul li{ width:160px; display:inline-block; } #cooperation .cooperation .content ul li div{} #cooperation .cooperation .content ul li div img{ width:90%;} /* 栏目首页：合作伙伴 */ #hezuo{ } #hezuohuoban .hezuo{ line-height:28px; } #hezuohuoban .subject .titleSub{font-size:14px; color:#666; text-align:center; font-weight:100; background:none; padding-bottom:15px; } #hezuohuoban .hezuo .content{ width:100%; padding:40px 0px 0px 0px;} #hezuohuoban .hezuo .content ul{} #hezuohuoban .hezuo .content ul li{ width:25%; float:left; overflow:hidden; } #hezuohuoban .hezuo .content ul li div{ width:90%; height:320px; margin:0px auto; border:1px solid #e4e1e1; border-radius:5px; } #hezuohuoban .hezuo .content ul li div h1{ width:50px; height:2px; background:#1a2d6a; margin:0px auto; clear:both; } #hezuohuoban .hezuo .content ul li div h2{ width:100%; height:24px; font-size:18px; line-height:26px; text-align:center; font-weight:300; padding:40px 0px 0px 0px; } #hezuohuoban .hezuo .content ul li div span{ width:100%; height:80px; margin-top:40px; text-align:center; display:block; } #hezuohuoban .hezuo .content ul li div span img{ text-align:center;} #hezuohuoban .hezuo .content ul li div h3{ width:70%; margin:0px auto; line-height:20px; font-size:12px; text-align:center; padding:25px 0px 10px 0px; font-weight:100;} #hezuohuoban .hezuo .content ul li div h3 a{ color:#666;} #hezuohuoban .hezuo .content ul li div h4{font-size:12px; color:#ca1c1d; font-family:"宋体"; font-weight:300; line-height:16px; text-indent:16px; width:auto; margin:0px auto; text-align:center; } #hezuohuoban .hezuo .content ul li div h4 em{ width:16px; height:16px; display:inline-block; background:url(../images/icon-link.png) center no-repeat; vertical-align:middle; } #hezuohuoban .hezuo .content ul li div h4 a{ color:#ca1c1d;} #hezuohuoban .hezuo .content ul li div h5{ width:80%; margin:0px auto; font-size:22px; color:#2d71e0; font-weight:300; padding-top:20px; margin-bottom:10px; } #hezuohuoban .hezuo .content ul li div p{ width:80%; margin:0px auto; line-height:18px; color:#666666; padding-top:8px;} #hezuohuoban .hezuo .content ul li div p b{ width:100%; margin:0px auto; display:block; font-weight:300;} #hezuohuoban .hezuo .content ul li div p strong{ width:100%; margin:0px auto; display:block; font-weight:300; font-size:14px; margin-top:4px;} #hezuohuoban .hezuo .runjianshengtai{ padding-top:40px;} #hezuohuoban .hezuo .runjianshengtai ul{ display:block; overflow:hidden; background:url(../images/line-runjianshengtai.png) center 170px no-repeat;} #hezuohuoban .hezuo .runjianshengtai ul li{ width:20%;} #hezuohuoban .hezuo .runjianshengtai ul li div{ height:auto; border:none;} #hezuohuoban .hezuo .runjianshengtai ul li div h1{ background:none;} #hezuohuoban .hezuo .runjianshengtai ul li div h2{ background:url(../images/icon-hezuohuoban-type-0.png) center 40px no-repeat; padding-top:80px;} #hezuohuoban .hezuo .hezuohuoban{ padding-top:40px;} #hezuohuoban .hezuo .hezuohuoban ul{} #hezuohuoban .hezuo .hezuohuoban ul li{ } #hezuohuoban .hezuo .hezuohuoban ul li div{ } #hezuohuoban .hezuo .hezuohuoban ul li div h1{ } #hezuohuoban .hezuo .hezuohuoban ul li div span{ margin-top:30px; height:auto; } #hezuohuoban .hezuo .hezuohuoban ul li div span img{ height:120px; border-radius:10px; padding:5px 0px;} #hezuohuoban .hezuo .hezuohuoban ul li div h2{ padding-top:10px;} #hezuohuoban .hezuo .hezuohuoban ul li div h3{ height: 60px; } #hezuohuoban .hezuo .hezuohuoban ul li div h4 a{ padding:6px 6px; border-radius:5px; color:#fff;} #hezuohuoban .hezuo .hezuohuoban ul li div h4 a.more{ background:#77abee;} #hezuohuoban .hezuo .hezuohuoban ul li div h4 a.alink{ background:#d92526;} #hezuohuoban .hezuo .hezuohuoban ul li div h4 a:hover{ background:#1a2d6a;} #hezuohuoban .hezuo .hezuohuoban ul li div h4 em{ background:url(../images/icon-link2.png) center no-repeat; } #hezuohuoban .hezuo .hezuohuoban .join{ width:auto; margin:0px auto; display:block; padding:30px 0px; clear:both; text-align:center; } #hezuohuoban .hezuo .hezuohuoban .join a{ padding:10px 12px; border-radius:5px; color:#fff; font-size:14px; } #hezuohuoban .hezuo .hezuohuoban .join a.alink{ background:#d92526;} #hezuohuoban .hezuo .hezuohuoban .join a em{width: 16px;height: 16px;display: inline-block;vertical-align: middle; background:url(../images/icon-link2.png) center no-repeat; } #hezuohuoban .hezuo .heuzozhengce{ padding-top:40px;} #hezuohuoban .hezuo .heuzozhengce ul{} #hezuohuoban .hezuo .heuzozhengce ul li{ width:20%;} #hezuohuoban .hezuo .heuzozhengce ul li div{ height:auto; border:none;} #hezuohuoban .hezuo .heuzozhengce ul li div h1{ background:none;} #hezuohuoban .hezuo .heuzozhengce ul li div span{ height:120px; margin-top:0px;} #hezuohuoban .hezuo .heuzozhengce ul li div span img{ width:180px; max-width:100%; max-height:100%; border-radius:10px;} #hezuohuoban .hezuo .heuzozhengce ul li div h2{ padding-top:10px; font-size:14px;} #hezuohuoban .hezuo .content .product{ border:1px solid #1a2d6a; overflow:hidden; } #hezuohuoban .hezuo .content .product .left{ width:200px; float:left;} #hezuohuoban .hezuo .content .product .left ul{ overflow:hidden; padding:20px 0px} #hezuohuoban .hezuo .content .product .left ul li{ float:left; width:100%; line-height:30px; padding:15px 0px; font-size:16px; text-indent:30px;} #hezuohuoban .hezuo .content .product .left ul li em{ width:12px; height:12px; display:inline-block; background:url(../images/liStyleWhite.png) no-repeat center; float:right; margin-top:10px; margin-right:10px; } #hezuohuoban .hezuo .content .product .left ul li a{ width:100%; height:100%; display:block;} #hezuohuoban .hezuo .content .product .left ul li.actived, #hezuohuoban .hezuo .content .product .left ul li:hover{ background:#0052d9; color:#fff; } #hezuohuoban .hezuo .content .product .left ul li.actived a, #hezuohuoban .hezuo .content .product .left ul li:hover a{ color:#fff;} #hezuohuoban .hezuo .content .product .right{ width:960px; float:left; border-left:1px solid #1a2d6a; padding:15px; } #hezuohuoban .hezuo .content .product .right .tabContent{ width:100%; min-height:350px; display:block; display:none; padding:20px 0px; overflow:hidden; } #hezuohuoban .hezuo .content .product .right .tabContent h2{ font-size:24px; font-weight:600; color:#1a2d6a; padding:10px 0px 20px 0px; display:none; } #hezuohuoban .hezuo .content .product .right .tabContent h3{ font-size:18px; font-weight:300; color:#1a2d6a; padding:0px 0px 15px 0px;} #hezuohuoban .hezuo .content .product .right .tabContent h3 em{} #hezuohuoban .hezuo .content .product .right .tabContent h3 span, #hezuohuoban .hezuo .content .product .right .tabContent h3 span a{ float:right; font-size:12px; color:#999999; } #hezuohuoban .hezuo .content .product .right .tabContent .info{ width:50%; float:left; vertical-align:top; padding:0px 15px; } #hezuohuoban .hezuo .content .product .right .tabContent .info .text{ width:95%; line-height:20px; font-size:12px; } #hezuohuoban .hezuo .content .product .right .tabContent .cont{ width:38%; float:left; vertical-align:top; margin-left:50px; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .cate{ width:100%; display:block;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .cate .text{ width:100%; display:block;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .cate .text ul{ overflow:hidden; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .cate .text ul li{ width:50%; float:left; font-size:14px; background:url(../images/liStyleBlack.png) no-repeat left; text-indent:20px; line-height:30px; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case{ width:100%; display:block; margin-top:30px;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text{} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul{} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li{ width:50%; float:left; text-align:left; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li span{ width:100%; display:block;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li span img{ width:170px; height:120px; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li b{ width:170px; display:inline-block; font-size:12px; font-weight:300; line-height:18px; padding:6px 0px; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li:nth-child(2n) span img{ float:right;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li:nth-child(2n) b{ float:right;} #hezuohuoban .hezuo .content .product .right .actived{ display:block;} /* 首页友情链接切换 */ .holder {margin: 15px 0;text-align:center;} .holder a{ cursor: pointer;margin: 0 5px;color: #fff; background:#ca1c1d; height:6px; width: 18px; display: inline-block; border-radius:3px; } .holder a:hover {background-color: #eee;color: #FF4242;} .holder a.jp-previous { } .holder a.jp-next { } .holder a.jp-current, a.jp-current:hover {color: #FF4242;font-weight: bold; background:#eee;} .holder a.jp-disabled, a.jp-disabled:hover {color: #eee;} .holder a.jp-current, a.jp-current:hover,.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;} .holder span{ margin: 0 5px; background:#eee;} .holder span, .holder .jp-previous, .holder .jp-next{ display:none;} .holder span.jp-hidden{ display:block;} /* 分页 */ .pages{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:14px; padding:10px 0px; } .pages a{ color:#333; padding:4px 10px; margin:0px 6px; border-radius:3px; background:#f0f0f0; } .pages a:hover{ text-decoration:none; background:#2f70f2; color:#fff;} .pages .current{background:#2f70f2; color:#fff; padding:4px 8px; margin:0px 4px; cursor:pointer; border-radius:3px;} /* 上下页 */ .pre-next{ width:100%; height:auto; float:left; margin:10px 0px; line-height:28px; font-size:14px; text-align:left; text-indent:2px;} .pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;} .pre-next .pre{ width:100%; float:left;} .pre-next .next{ width:100%; float:left;} /* 主体 Start */ .mainBody{ height:auto; width:100%; min-width:1200px; margin:0px auto; overflow:hidden; background:#f8f8f8; } .main{ width:1200px; height:auto; min-width:1200px; margin:0px auto; } /* 当前位置 */ .website{ width:100%; height:30px; margin:0px auto; overflow:hidden; line-height:30px; color:#999; padding:10px 0px;} .website .site{width:70%; height:auto; float:left; text-align:left;} .website .site em{ width:auto; float:left;} .website .site span{ width:auto; float:left;} .website .site i{ width:15px; height:30px; float:left;background:url(../images/news.png) no-repeat center;} .website .site a{ color:#049ad9; float:left; } .website .site a:hover{ color:#049ad9; text-decoration:none;} .website .site b{ width:auto; float:left; color:#666; font-weight:100;} .website .title{width:30%; height:auto; float:left; text-align:right;} /* sideCommon Start */ .sideCom{height:auto; width:260px; float:left; } .sideCom .side { height:auto; width:99%; float:left; border-bottom:none; border:1px #eaeaea solid; border-radius:3px; background:#fcfcfc;} .sideCom .side ul { height:auto; width:100%; float:left;} .sideCom .side ul li { height:auto; width:100%; line-height:50px; border-bottom:1px #ccc solid; text-indent:70px; overflow:hidden; border-bottom:1px #ccc solid;} .sideCom .side ul li a { display:block; font-size:16px; background:url(../images/common/sideCate.png) repeat-x; color:#fff;} .sideCom .side ul li a span { height:100%; width:50%;} .sideCom .side ul.dot li { background:url(../images/common/sideDot.png) 50px 18px no-repeat;} .sideCom .side ul li ul { height:auto; width:100%; padding:10px 0; border-top:1px #ccc solid;} .sideCom .side ul li ul li { height:40px; line-height:40px; width:100%; border-bottom:none;} .sideCom .side ul li ul li.on,.sort ul li ul li:hover { height:40px; width:100%; background-color:#f9f7fd;} .sideCom .side ul li ul li.on a,.sort ul li ul li:hover a { display:block; color:#f4560c; font-weight:bold;} .sideCom .side ul li ul li a { display:block; font-size:12px; background:none; color:#000;} /* 当前栏目子栏目 */ .sideCom .sideCate{height:auto; width:99%; float:left; border:1px #eaeaea solid; border-radius:3px; border-bottom:none; background:#fff; margin-bottom:20px;} .sideCom .sideCate h2{ width:100%; float:left; font-family:"微软雅黑"; font-size:18px; text-align:left; text-indent:80px; line-height:40px; background:#2f70f2;} .sideCom .sideCate h2 a{ color:#fff;} .sideCom .sideCate ul { height:auto; width:100%; float:left; padding:12px 0px;} .sideCom .sideCate ul li { height:auto; width:auto; line-height:50px; border-bottom:0px #eaeaea solid; overflow:hidden; /*border-left:6px solid #fff;*/ text-indent:30px; margin:0px auto; font-size:16px; } .sideCom .sideCate ul li span{ width:6px; height:50px; float:left; display:block;} .sideCom .sideCate ul li b{ text-indent:70px; font-weight:100; float:left;} .sideCom .sideCate ul li.on, .sideCom .sideCate ul li:hover{ /*border-left:6px solid #2f70f2;*/ background:#f0f0f0; } .sideCom .sideCate ul li.on a, .sideCom .sideCate ul li:hover a{ color:#2f70f2; text-decoration:none;} .sideCom .sideCate ul li a {width:100%; height:100%; display:block; overflow:hidden; } .sideCom .sideCate ul li.subNav0{ text-indent:50px; background:url(../images/navStyle_0.png) no-repeat 30px center;} .sideCom .sideCate ul li.subNav1{ text-indent:80px; font-size:14px; height:40px; line-height:40px; border-bottom:none; background:url(../images/navStyle_1.png) no-repeat 60px center; display:none;} .sideCom .sideCate ul li.subNav2{ text-indent:100px; font-size:12px; height:36px; line-height:36px; border-bottom:none; border-left:none; background:none; background:url(../images/navStyle_2.png) no-repeat 85px center; display:none;} .sideCom .sideCate ul li.subNav3{ text-indent:140px; display:none;} .sideCom .sideCate ul li.subNav4{ text-indent:170px; display:none;} .sideCom .sideCate ul li.subNav5{ text-indent:190px; display:none;} .sideCom .sideDiv{ margin:0px auto; margin-bottom:20px; overflow:hidden; border:1px #eaeaea solid; border-radius:3px; background:#fff; margin-bottom:20px;} .sideCom .sideDiv h1{ font-size:16px; font-weight:100; text-indent:24px; line-height:34px; height:34px; border-bottom:1px solid #eee; background:#2f70f2; color:#fff; } .sideCom .sideDiv h1 span{ width:auto; float:left; background:url(../images/sidediv.png) 4px 10px no-repeat;} .sideCom .sideDiv h1 b{ width:auto; float:right; font-size:12px; color:#999; font-weight:100; padding-right:4px;} .sideCom .sideDiv h1 b a{color:#999;} .sideCom .sideDiv ul{ margin:12px 0px; overflow:hidden;} .sideCom .sideDiv ul li{ width:100%; float:left; line-height:200%;} .sideCom .siteSearch{ overflow:hidden; background:#fff; margin-bottom:20px; } .sideCom .siteSearch form{ margin:10px auto; width:90%; overflow:hidden;border:1px solid #eee;} .sideCom .siteSearch form .keywords{ width:80%; float:left; height:30px; border:none; text-indent:10px; outline:none; } .sideCom .siteSearch form .submit{ width:40px; float:right; height:32px; background:url(../images/sidesearch.png) 15px 8px no-repeat; border:none; cursor:pointer; outline:none;} .sideCom .newsLatest ul{} .sideCom .newsLatest ul li{height:28px; line-height:28px; text-indent:20px; background:url(../images/common/article.png) 8px 12px no-repeat; overflow: hidden; } .sideCom .newsImg ul{} .sideCom .newsImg ul li{ width:50%; height:126px; text-align:center; line-height:150%;} .sideCom .newsImg ul li a{ padding:0px 6px; display:block;} .sideCom .newsImg ul li a img{ width:95%; height:74px;} /* sideCommon End */ /* artMain Start */ .artCom{height:auto; width:920px; float:right; margin:0px 0px 15px 0px; } /* 主体-右侧-列表 */ .artCom .lists{ width:920px; border:1px #eaeaea solid; border-radius:3px; border-top-left-radius:0; border-top-right-radius:0; padding-top:10px; float:left; margin-bottom:15px; background:#fff; } /* 文字列表 */ .artCom .lists ul{ margin:0; width:100%;} .artCom .lists ul li{ padding:0; margin:0; height:34px; line-height:34px; font-size:14px; text-indent:24px; display:block;} .artCom .lists ul li{ border-bottom:#e7e7e7 1px dashed; background:url(../images/news.png) 10px 12px no-repeat ;} .artCom .lists ul li span{width:80%; float:left; text-align:left; font-size:14px; color:#000; } .artCom .lists ul li b{width:20%; float:left;text-align:right; font-size:12px; color:#999; font-weight:100;margin-left:-10px;} .artCom .lists ul li a:hover{ color:#003f98!important;} /* 图文列表（上下） */ .artCom .lists .imgUp{width:25%; height:220px; float:left; text-align:center; padding:10px 0px 5px 0px;} .artCom .lists .imgUp .img{ width:170px; height:128px; margin:0px auto; border-radius:5px; } .artCom .lists .imgUp .img a img{ max-height: 128px; max-width:90%;} .artCom .lists .imgUp .img img{ max-height: 128px; max-width:100%; border-radius:5px;} .artCom .lists .imgUp .text{width:150px; height:40px; display:block; margin:auto;line-height:20px; overflow:hidden; padding-top:4px;} .artCom .lists .imgUp a:hover{ color:#003f98;} /* 图文列表（左右） */ .artCom .lists .imgUpleft{ height:auto; display:block; padding:10px 15px; border-bottom:1px dashed #ddd; margin: 0px auto; overflow: hidden;} .artCom .lists .imgUpleft:hover{ background:#efefef; } .artCom .lists .imgUpleft .title{ width:100%; height:40px; line-height:40px; } .artCom .lists .imgUpleft .title h3{ width:auto; float:left; font-size:16px; font-weight:100; color:#000; overflow:hidden; } .artCom .lists .imgUpleft .title strong{ width:auto; float:right; color:#666; } .artCom .lists .imgUpleft .title b{ width:auto; float:right; font-weight:100; color:#999; } .artCom .lists .imgUpleft .title a{ color:#333;} .artCom .lists .imgUpleft .pagram { line-height:28px; } .artCom .lists .imgUpleft .intime { margin-bottom:4px;} .artCom .lists .imgUpleft .img{ width:260px; height:auto; float:left; display:inline; text-align:left; text-align:left; margin:10px 0px 10px 0px;} .artCom .lists .imgUpleft .img img,.lists .imgLeft .img a img{ width:240px; height:160px; border-radius:5px; } .artCom .lists .imgUpleft .text{width:630px; float:left; margin:8px 0px 0px 0px;} .artCom .lists .imgUpleft .text h3{ font-size:20px; font-weight:100; color:#000; } .artCom .lists .imgUpleft .text p{ height:auto; overflow: hidden; line-height:24px;padding:0; margin:0; font-size: 12px;} .artCom .lists .imgUpleft a:hover{ color:#049ad9;} .artCom .lists .imgUpleft a{ color:#049ad9;} /* 左图 */ .artCom .lists .imgLeft{width:100%; height:auto; float:left; display:block; padding:15px 0px 15px 0px; border-bottom:1px dashed #ddd;} .artCom .lists .imgLeft .img{ width:35%; height:auto; float:left; display:inline; text-align:center;} .artCom .lists .imgLeft .img img,.lists .imgLeft .img a img{ width:220px; height:160px; padding:3px;} .artCom .lists .imgLeft .text{width:60%; float:left; margin-left:20px; } .artCom .lists .imgLeft .text h3{ font-size:14px; font-weight:bold; color:#000; } .artCom .lists .imgLeft .text p{ height:auto; overflow: hidden; line-height:32px;padding:0; margin:0; font-size: 12px;} .artCom .lists .imgLeft a:hover{ color:#049ad9;} .artCom .lists .imgLeft a{ color:#049ad9;} /* 正文标题 Subject */ .artCom .artSubject{ width:100%; height:40px; float:left; font-size:14px; text-align:left; border:1px #ddd solid; border-bottom:none; border-top-left-radius:3px; border-top-right-radius:3px; background:#fafafa; } .artCom .artSubject b {height:40px; float:left; line-height:40px; font-size:18px; border-left:4px solid #2f70f2; text-indent:24px;} .artCom .artSubject b a{ color:#2f70f2;} .artCom .artSubject span{ float:right; line-height:36px;} .artCom .artSubject span a{ color:#999; font-size:12px;} .artCom .artSubject span a:hover{ color:#f45d0c;} /* 正文内容 Main */ .artCom .artMain { width:100%; border:1px #eaeaea solid; border-radius:3px; border-top-left-radius:0; border-top-right-radius:0; background:#fff; } .artCom .artMain .title{ width: 100%; height:auto; text-align:center; line-height:30px; font-family:"微软雅黑"; font-size:28px; color:#2f70f2; margin:40px 10px 20px 10px; float:left;} .artCom .artMain .author{ width:100%; text-align:center; color:#666; overflow:hidden;} .artCom .artMain .cutLine{ width:100%; height:1px; float:left; border-bottom:1px solid #eee;} .artCom .artMain .content{ margin:0px auto; overflow:hidden; color:#222; font-size:14px; padding:20px 10px; } .artCom .artMain .content img{ max-width:100%; /*width:800px;*/} .artCom .artMain .content .dpic{ width:100%; display:block; overflow:hidden;} .artCom .artMain .content .dtable{ } .artCom .artMain .content .dlist{ } .artCom .artMainLeft{ width:100%;} .artCom .artMainLeft .title{border-left: 4px solid #2f70f2; text-align: left; padding-left: 20px; margin-left: 20px; height:28px; line-height:28px; font-size:26px; float:inherit; width:auto; } .artCom .artMainLeft .title span{ font-size:12px; color:#999;} .artCom .artMainLeft .title em.join{ font-size:12px; padding:2px 6px; background:#2f70f2; border-radius:5px; color:#fff; display: inline-block; vertical-align:top; } .artCom .artMainLeft .title em.join a{ color:#fff;} .articleApage{} .articleApage .artMain{} .articleApage .artMain .title{ /*border-left:4px solid #2f70f2; text-align:left; margin-left:20px;*/ } .articleApage .artMain .content{ padding:20px; } .article{} .artCom .artMain{} .artCom .artMain .title{ /*border-left:4px solid #2f70f2; text-align:left; padding-left: 20px; margin-left:20px;*/ } .artCom .artMain .content{ padding:20px; } .artCom .artMain .author{/*text-align:left; text-indent:45px;*/} .artMain .partnerRegister{ } .artMain .partnerRegister .title{ text-align:left; margin:20px;} .artMain .partnerRegister .title h3{ font-size:20px; font-weight:bold; border-bottom:2px solid #216ec6; display:inline-block; line-height:30px; } .artMain .partnerRegister .xinxi{ width:auto; margin:0px auto; margin-bottom:20px; overflow:hidden; clear:both; } .artMain .partnerRegister .xinxi ul{ width:100%; display:block; } .artMain .partnerRegister .xinxi li{ width:100%; float:left; margin:20px 0 0 0; display:block; } .artMain .partnerRegister .xinxi li .sptitle{ width: 150px; float: left; text-align: right;} .artMain .partnerRegister .xinxi li label{ line-height:35px;} .artMain .partnerRegister .xinxi li input{ width:50%;height: 35px; padding: 0 0 0 10px; border:1px solid #CCC; border-radius:5px;} .artMain .partnerRegister .xinxi li textarea{ width:70%; height:72px; border:1px solid #CCC; border-radius:5px; padding:10px;} .artMain .partnerRegister .xinxi li #Entity_Type{ width: 200px; height: 35px; padding: 0 0 0 0px; border-radius: 5px;} .artMain .partnerRegister .xinxi li .formSelect, .artMain .partnerRegister .xinxi li #ddlprovinceCode, .artMain .partnerRegister .xinxi li #ddlcityCode, .artMain .partnerRegister .xinxi li #ddlareaCode{width:140px; height: 35px; border-radius: 5px; margin:0 10px 0 0px;border:1px solid #CCC; text-indent:4px;} .artMain .partnerRegister .xinxi li #Registration{width:50%;height:100px; border-radius:5px; padding:5px 0 0 10px;border:1px solid #CCC;} .artMain .partnerRegister .xinxi li .submitBtn{width:100px; height:45px; text-align:center; line-height:45px; color:#FFF; background:#216ccb; border:none; float:left; margin-right:20px; padding:0; border-radius:5px; } .artMain .partnerRegister .xinxi li #errorMsg{ font-size:14px; color:#f00; line-height:45px; } .artMain .partnerRegister .xinxi li.title{} .artMain .partnerRegister .xinxi li.title h3{ font-size:28px; font-weight:300; text-align:center; color:#666; text-decoration:none; display:block; border-bottom:none; padding:40px 0px 10px 0px; } .artMain .partnerRegister .xinxi li.title h4{ font-size:14px; font-weight:300; text-align:center; color:#666; line-height:150%;} .artMain .partnerRegister .xinxi li.title h5{ text-align:center; padding-top:30px;} .artMain .partnerRegister .xinxi li.title h5 img{ max-width:100%;} .artMain .partnerRegister .contact{ display:inline-block; padding-top:30px; clear:both; line-height:30px; font-size:16px;} .artMain .partnerRegister .selectCity{ margin-left:20px!important;} .artMain .partnerRegister .addArea{ padding:8px 0px; display:inline-block; cursor:pointer; color:#fff; border-radius:5px; padding:4px; background:#f60; font-size:12px;} .artMain .partnerRegister .deleteArea{ cursor:pointer;color:#fff; border-radius:5px; padding:4px; background:red; font-size:12px;} .msg_page{} .msg_page h2{ padding-left:20px; font-size:16px; font-weight:300; color:#060; padding:20px 0px 20px 20px; } .msg_page p{ padding-left:20px;} .jobSearch{ display:block; background:#fff; padding:10px 20px; margin-bottom:20px;} .jobSearch .item{ width:auto; display:inline-block; font-size:14px; padding:6px 0px; margin-right:20px; } .jobSearch .item input, .jobSearch .item select{ border:1px solid #ddd; padding:6px; border-radius:5px;} .jobSearch .item .btn{border:none; width:50px; padding:7px; vertical-align:middle; border-radius:5px; background:#2f70f2; color:#fff; } .artCom .jobList{ padding:10px;} .artCom .jobList .imgUp{ height:auto; width:20%; } .artCom .jobList .imgUp .img{ } .artCom .jobList .imgUp .img img{ height:100px;} /* Jiathis */ .artCom .artMain .artJia{ width:100%; float:left; text-align:right; margin:15px auto;} /* 无侧边栏 */ .artCom .artNone { width:1100px!important; border-top:1px #ccc solid; border-radius:3px;} /* 分页 */ .artCom .page{ width:auto; display:block;clear:both; height:auto; text-align:center;line-height:40px; color:#333; font-size:12px; padding:10px 0px; } .artCom .page a{ color:#333; padding:4px 8px; margin:0px 4px; border-radius:3px;} .artCom .page a:hover{ text-decoration:none;background:#eee; color:#006699;} .artCom .page .current{background:#eee; color:#006699; padding:4px 8px; margin:0px 4px; cursor:pointer; border-radius:3px;} /* 上下页 */ .artCom .pre-next{ width:100%; height:auto; float:left; padding:10px 0px; line-height:28px; font-size:14px; text-align:left; } .artCom .pre-next h4{ padding:0; margin:0; border:none; height:33px; line-height:33px; color:#000;} .artCom .pre-next .pre{ width:100%; float:left;} .artCom .pre-next .next{ width:100%; float:left;} .ChildNavIn{} .ChildNavIn:after{ position: absolute; content: ''; top:-12px; margin-left:calc(50% - 6px); border-right: 6px transparent dashed; border-left: 6px transparent dashed; border-top: 6px transparent dashed; border-bottom: 6px #000 solid; opacity:0.5; left: 1px; /*覆盖并错开1px*/ border-bottom: 6px #000 solid; opacity:0.5; } /* 导航自适应 */ #cssmenu{ padding-top:20px;} #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #cssmenu:after, #cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #cssmenu #menu-button {display: none;} #cssmenu {width: auto;font-family: 'Open Sans', sans-serif;line-height: 1; } #menu-line {position: absolute;top: 36px;left: 0;height: 3px; -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #cssmenu > ul > li {float: left; padding-bottom: 18px;} #cssmenu.align-center > ul {font-size: 0;text-align: center;} #cssmenu.align-center > ul > li {display: inline-block;float: none;} #cssmenu.align-center ul ul {text-align: left;} #cssmenu.align-right > ul > li {float: right;} #cssmenu.align-right ul ul {text-align: right;} #cssmenu > ul > li.on a{ color:#fff; /*color:#00A0DE;*/} #cssmenu > ul > li > a {padding: 15px;font-size: 14px;text-decoration: none; color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;} #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color: #00A0DE;} #cssmenu > ul > li.has-sub > a {padding-right: 25px; height:58px;} #cssmenu > ul > li.has-sub > a::after { position: absolute;top: 21px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease; } #cssmenu > ul > li.has-sub:hover > a::after {border-color: #00A0DE;} #cssmenu ul ul {position: absolute;left: -9999px;} #cssmenu li:hover > ul {left: auto;} /* 鼠标经过显示二级栏目 */ #cssmenu.align-right li:hover > ul {right: 0;} #cssmenu ul ul ul {margin-left: 100%;top: 0;} #cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;} #cssmenu ul ul{ width:120px;/* display: table; */margin-top: 4px; } #cssmenu ul ul li {padding:0px 0px; width:100%; z-index:99999; border-radius:0px;} #cssmenu ul li:hover > ul > li { z-index:9999!important;} #cssmenu ul ul > li{ padding:10px 0px; background:#303848; /*background:rgba(0,0,0,0.5);*/ display:inline-block; height:auto;} #cssmenu ul ul li a { width:100%; height:100%; display:block; padding:10px 0px; font-size: 12px; color:#fff;} #cssmenu ul ul li.actived{ background:#4c5361;} #cssmenu ul ul li.actived a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #00A0DE;} #cssmenu ul ul li.has-sub > a::after { position: absolute;top: 13px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;} #cssmenu ul ul li.subNav{ position:absolute; margin-left:120px; padding:0;} #cssmenu ul ul li.subNav .subList{ width:180px; height:100%; display:none; background:#303848; /*background:rgba(0,0,0,0.8);*/ color:#fff; } #cssmenu ul ul li.subNav .subList p{ } #cssmenu ul ul li.subNav .subList p a{line-height:auto; height:auto; padding:12px 0px; color:#97989c;} #cssmenu ul ul li.subNav .subList p.actived, #cssmenu ul ul li.subNav .subList p:hover{ background:#4c5361;} #cssmenu ul ul li.subNav .subList p.actived a, #cssmenu ul ul li.subNav .subList p:hover a{ color:#fff;} #cssmenu ul li.productNav ul{ width:180px; min-height:350px; margin-left:-30px; background:#303848; /*background:rgba(0,0,0,0.5);*/ position:absolute; } #cssmenu ul li.productNav ul>li{ text-align:left; text-indent:20px;} #cssmenu ul li.productNav ul>li{ padding:10px 0px; background:none; height:auto;} #cssmenu ul li.productNav ul li.actived{ background:#4c5361;} #cssmenu ul li.productNav ul>li>a>em{width:12px; height:12px; display:inline-block; vertical-align:middle; background:url(../images/liStylePrev.png) no-repeat center; float:left; width:10%; padding-left:15px;} #cssmenu ul li.productNav ul>li>a>span{ display:inline-block; vertical-align:middle; color:#fff; float:left; width:68%; text-align:left; text-indent:0px;} #cssmenu ul li.productNav ul>li>a>b{ width:12px; height:16px; display:inline-block; margin-right:0px; float:right; vertical-align:middle;} #cssmenu ul li.productNav ul li.actived>a>span{ color:#00A0DE;} #cssmenu ul li.productNav ul>li:hover>a>b, #cssmenu ul li.productNav ul>li.actived>a>b{ background:url(../images/liStyleBlack.png) no-repeat center;} #cssmenu ul li.productNav ul>li:hover>a>em, #cssmenu ul li.productNav ul>li.actived>a>em{ background:url(../images/liStylePrevHover.png) no-repeat center;} #cssmenu ul li.productNav ul>li.subNav{ left:180px; padding:0px; position:absolute; margin-left:0; padding-left:0 } #cssmenu ul li.productNav ul>li.subNav .subList{ text-indent:20px; min-height:350px; background:#37435c;} @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu {width: 100%; padding-top:0px;} #menu-button{ background:url(../images/logo.png) 6px 10px no-repeat; background-size:90px;} #cssmenu ul {width: 100%;display: none;} #cssmenu.align-center > ul,#cssmenu.align-right ul ul {text-align: left;} #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width: 100%;height: auto;border-top: 1px solid rgba(200, 200, 200, 0.15);} #cssmenu ul li a,#cssmenu ul ul li a {width: 100%; text-align:left; text-indent:20px; } #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float: none;display: block; padding-bottom:0;} #cssmenu ul ul li a {padding: 6px 10px 6px 20px;font-size: 12px;color: #fff;background: none;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #00A0DE;} #cssmenu ul ul ul li a {padding-left: 40px;} #cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;right: auto;width: 100%;margin: 0;} #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display: none;} #menu-line {display: none;} #cssmenu #menu-button {display: block;padding: 25px;color: #fff;cursor: pointer;font-size: 12px;text-transform: uppercase; } #cssmenu #menu-button::after {content: '';position: absolute;top: 20px;right: 20px;display: block;width: 15px;height: 2px;background: #fff;} #cssmenu #menu-button::before {content: '';position: absolute;top: 25px;right: 20px;display: block;width: 15px;height: 3px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;} #cssmenu .submenu-button {position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 44px;width: 44px;cursor: pointer;} #cssmenu .submenu-button::after {content: '';position: absolute;top: 17px;left: 22px;display: block;width: 1px;height: 11px;background: #fff;z-index: 99;} #cssmenu .submenu-button::before {content: '';position: absolute;top: 22px;left: 17px;display: block;width: 11px;height: 1px;background: #fff;z-index: 99;} #cssmenu .submenu-button.submenu-opened:after {display: none;} .multiUl{ background:#174497;} .menuBG{ background:#174497;} .ChildNavIn{ overflow:hidden;} #cssmenu ul li.sa-nav a{ text-indent:50px;} #cssmenu ul ul li{ background:#303848;} #cssmenu ul li.productNav ul{ width:100%; margin-left:0; position:static; } #cssmenu ul li.productNav ul > li{ text-indent:20px; width:55%; } #cssmenu ul li.productNav ul > li a{text-indent:20px;} #cssmenu ul li.productNav ul > li.subNav{ width:45%; left:55%;} .ChildNavIn:after{ position: absolute!important; content: ''!important; top:0px!important; margin-left:0!important; border-right:none!important; border-left:none!important; border-top:none!important; border-bottom:none!important; opacity:0; left: 1px; border-bottom:none!important; opacity:0;} } @media screen and (max-width:768px){ .nav{ position:relative;} .changeLang{ position:absolute; right:60px; top:0px; padding-top:16px; font-size:12px; } .changeLang a{ color:#FC0; padding:0px 4px; } .changeLang .line1{ width:1px; height:10px; display:inline-block; background:#fff; margin-top:3px;} #main{ min-width: inherit; } #banner{ min-width:inherit; height:auto;} #banner .banner{ min-width:inherit; height:200px; } #banner .banner .slides{ height:100%;} #banner .banner .slides li{ background-size:auto 100%!important; } #banner .banner .flex-direction-nav{ top:35%;} #banner .banner .flex-direction-nav li a.flex-prev{ left:10px;} #banner .banner .flex-direction-nav li a.flex-next{ right:10px;} #header { min-width:inherit; width:auto;} #header .header{min-width:inherit; width:auto; height:50px; display:block; } #header .header .logo img{ display:none;} #header .header .nav{ width:100%; height:50px; position: fixed; top: 0px;} .language{ display:none;} .blockArea{ width:auto; min-width:inherit; padding:20px 10px; margin:20px 0px; background:#fff;} .blockArea .subject .title{ font-size:26px;} .blockArea .subject .description{ width:90%;} .blockList{ padding:0px 10px; margin:0px 0px;} .bgGray{ background:#f8f8f8; } #aboutus{ min-width:inherit;} #aboutus .listDefault .content{ padding-top:20px; font-size:14px; text-align:left; text-indent:2em;} #aboutus .listDefault .content p{ border:1px solid #ddd; border-radius:5px; background:#fff; padding:10px;} #aboutus .listDefault .content .btnMore{ margin-top:20px; margin-bottom:20px; } .honor .listDefault .content{} .honor .listDefault .content ul{border:1px solid #ddd; border-radius:5px; background:#fff; padding:10px; overflow:hidden; } .honor .listDefault .content ul li{ background:url(../images/navStyle_1.png) no-repeat 4px 8px; font-size:12px; text-indent:18px;} #service{ min-width:inherit;} #service .service .content{ padding-top:20px;} #service .service .content ul li{ width:50%;} #service .service .content ul li div h3{ padding:0px; font-size:12px;} #case{ min-width:inherit;} #case .listDefault .content{ padding-top:20px;} #case .listDefault .content ul li{ width:50%; margin-bottom:20px; } #case .listDefault .content ul li div{ height:330px; width:95%;} #case .listDefault .content ul li div span img{ height:auto;} #case .listDefault .content ul li div h3{ padding:6px 0px; font-size:14px; line-height:20px;} #case .listDefault .content ul li div p{ padding:6px 0px;} #Honor{ min-width:inherit;} #Honor .listDefault .content{ padding-top:20px;} #Honor .listDefault .content ul li{ width:100%; margin-bottom:20px; } #Honor .listDefault .content ul li div{ height:auto; width:95%;} #Honor .listDefault .content ul li div span img{ height:auto;} #Honor .listDefault .content ul li div h3{ padding:6px 0px; font-size:14px; line-height:20px;} #Honor .listDefault .content ul li div p{ padding:6px 0px;} #companyNews{ min-width:inherit;} #companyNews .companyNews .content{ padding-top:20px;} #companyNews .companyNews .content ul li{ width:auto;} #companyNews .companyNews .content ul li div{ display:block; margin-bottom:20px;} #companyNews .companyNews .content ul li div span img{ height:auto;} #companyNews .companyNews .content ul li div h3{ margin:6px 0px;} #companyNews .companyNews .content ul li div p{ height:auto; margin-bottom:6px; line-height:18px; } #companyNews .companyNews .content ul li div b{} #hezuohuoban .hezuo .content ul li div{ height:auto; padding-bottom:20px; width:auto; } #hezuohuoban .hezuo .hezuohuoban ul li div span{ margin-top:30px;} #cooperation{ min-width:inherit;} #cooperation .cooperation .content{ padding-top:20px;} #cooperation .cooperation .content img{ max-width:100%;} #hezuohuoban .hezuo .hezuohuoban ul li{ width:50%; margin-bottom:20px;} #hezuo .hezuo .content ul li{ width:50%; margin-bottom:20px;} #hezuo .hezuo .content ul li.hidden{ display:block; } #hezuohuoban .hezuo .content{ padding-top:40px;} #hezuohuoban .hezuo .content .product{ border:none; overflow:inherit;} #hezuohuoban .hezuo .content .product .left{ display:none;} #hezuohuoban .hezuo .content .product .right{ width:auto; margin:0px auto; border:none; padding:inherit; } #hezuohuoban .hezuo .content .product .right .tabContent{ display:block; border:1px solid #1a2d6a; margin-bottom:20px; padding:15px; width:auto; min-height:inherit; } #hezuohuoban .hezuo .content .product .right .tabContent h2{ display:block;} #hezuohuoban .hezuo .content .product .right .tabContent .info{ width:100%; margin:0px auto; display:block; padding:0px; margin-bottom:30px; } #hezuohuoban .hezuo .content .product .right .tabContent .info .text{ width:100%;} #hezuohuoban .hezuo .content .product .right .tabContent .cont{ width:100%; margin:0px auto; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text{ width:auto; margin:0px auto;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li span img{ width:90%; height:auto;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li b{ width:90%; height:auto; display:inline-block;} .mainBody{ min-width:inherit;} .main{ width:100%; min-width:inherit;} .website .site{ width:auto; margin:0px auto;} .side{ float:inherit; width:100%; margin:10px auto;} .sideCom{ float:inherit; width:auto; margin:0px auto;} .sideCom .sideCate{ float:inherit; width:auto; margin:0px auto 10px auto; overflow:hidden; border:none; } .artCom{ float:inherit; width:auto; margin:0px auto;} .artCom .artSubject{ width:auto; margin:0px auto; float:inherit; border:none; background:#eeeeee; } .artCom .artSubject b{ text-indent:14px;} .artCom .artMain{ width:auto; margin:0px auto; float:inherit; border:none; overflow: hidden;} .artCom .artMain .title{width:auto; float:inherit;} .artCom .artMain .content iframe{ max-width:100%; overflow:hidden;} .artCom .lists{ width:auto;} .artCom .lists .imgUpleft{ border-bottom:12px solid #f8f8f8; padding:15px 15px;} .artCom .lists .imgUpleft .img{ width:auto; float:inherit; } .artCom .lists .imgUpleft .img img, .lists .imgLeft .img a img{ width:100%; height:auto; max-width:100%;} .artCom .lists .imgUpleft .text{ width:auto; float:inherit; } .artCom .lists .imgUpleft .text h3{ font-size:16px; line-height:150%; padding:6px 0px;} .artCom .lists .imgUpleft .title{ height:auto; display: block; overflow: hidden;} .artCom .lists .imgUpleft .pagram{ max-height:66px; overflow:hidden; } .artCom .pre-next{ width:auto; margin:0px 10px; float:inherit; overflow:hidden; } .artCom .artMain .content img{ width:90%;} .sideCom .sideDiv{ border:none; } .artMain .partnerRegister .xinxi li{ width:auto; margin:0px 20px; clear:both; float:inherit; } .artMain .partnerRegister .xinxi li #ddlprovinceCode, .artMain .partnerRegister .xinxi li #ddlcityCode, .artMain .partnerRegister .xinxi li #ddlareaCode{ margin-right:5px; } .artMain .partnerRegister .xinxi li input{ width:80%; } .artMain .partnerRegister .xinxi li .sptitle{ width:100%; display:block; text-align:left; } .artMain .partnerRegister .selectCity{ margin-left:0px!important;} #footer{ min-width:inherit;} #footer .footer {width:100%; } #footer .footer .footerUp{ margin:20px 0px 0px 0px; } #footer .footer .footerUp dl{ width:auto; float:left; padding:0px 10px 20px 10px; line-height:22px; } #footer .footer .footerUp dl dt{ width:auto;} #footer .footer .footerDown{ width:auto; padding:10px 10px; } .bgGrayDesktop{ background:#fff; } .bgGrayApp{ background:#f7f8f9; } .visibleDesktop{ display:none;} .visibleApp{ display:block;} .visibleBoth{ display:block;} } @media screen and (max-width:480px){ #main{ min-width: inherit; } #banner{ min-width:inherit; height:auto;} #banner .banner{ min-width:inherit; height:200px; } #banner .banner .slides{ height:100%;} #banner .banner .slides li{ background-size:auto 100%!important; } #banner .banner .flex-direction-nav{ top:35%;} #banner .banner .flex-direction-nav li a.flex-prev{ left:10px;} #banner .banner .flex-direction-nav li a.flex-next{ right:10px;} #header { min-width:inherit; width:auto;} #header .header{min-width:inherit; width:auto; height:50px; display:block; } #header .header .logo img{ display:none;} #header .header .nav{ width:100%; height:50px; position: fixed; top: 0px;} #header .header .navCla{ background:#174497;} .blockArea{ width:auto; min-width:inherit; padding:20px 10px; margin:20px 0px; background:#fff;} .blockArea .subject .title{ font-size:24px;} .blockArea .subject .description{ width:90%;} .blockList{ padding:0px 10px; margin:0px 0px;} .bgGray{ background:#f8f8f8; } .blockArea .subject .title{ font-size:20px; padding:10px 0px;} #hezuo .hezuo .content{ padding-top:20px;} #hezuo .hezuo .content ul li{ width:100%; margin-bottom:20px;} #hezuo .hezuo .content ul li div{ width:98%; height:inherit; padding:0px 0px 20px 0px;} #hezuo .hezuo .content ul li div h2{ padding-top:20px} #aboutus{ min-width:inherit;} #aboutus .listDefault .content{ padding-top:20px; font-size:14px; text-align:left; text-indent:2em;} #service{ min-width:inherit;} #service .service .content{ padding-top:20px;} #service .service .content ul li{ width:50%;} #service .service .content ul li div h3{ padding:0px; font-size:12px;} #case{ min-width:inherit; display:none;} #case .listDefault .content{ padding-top:20px;} #case .listDefault .content ul li{ width:50%;} #case .listDefault .content ul li div{ height:auto; width:auto; } #case .listDefault .content ul li div span img{ height:auto;} #case .listDefault .content ul li div h3{ padding:0px; font-size:14px; line-height:20px; padding:4px 0px ;} #case .listDefault .content ul li div p{ padding:10px 0px} .case2{ display:block!important;} #companyNews{ min-width:inherit;} #companyNews .companyNews .content{ padding-top:20px;} #companyNews .companyNews .content ul li{ width:auto;} #companyNews .companyNews .content ul li div{ display:block; margin-bottom:20px;} #companyNews .companyNews .content ul li div span img{ height:auto;} #companyNews .companyNews .content ul li div h3{ margin:6px 0px;} #companyNews .companyNews .content ul li div p{ height:auto; margin-bottom:6px; line-height:18px; } #companyNews .companyNews .content ul li div b{} #cooperation{ min-width:inherit;} #cooperation .cooperation .content{ padding-top:20px;} #cooperation .cooperation .content img{ max-width:100%;} #hezuohuoban .subject .titleSub{ font-size:12px;} #hezuohuoban .hezuo .hezuohuoban ul li div h3{ height:auto; padding:15px 0px;} #hezuohuoban .hezuo .runjianshengtai ul{background: url(../images/line-runjianshengtai.png) center 120px no-repeat;} #hezuohuoban .hezuo .runjianshengtai ul li{ width:20%;} #hezuohuoban .hezuo .runjianshengtai ul li div span{ margin-top:20px; } #hezuohuoban .hezuo .runjianshengtai ul li div span img{ width:60px;} #hezuohuoban .hezuo .runjianshengtai ul li div h2{ font-size:14px; padding-top:40px; background: url(../images/icon-hezuohuoban-type-0.png) center 10px no-repeat; } #hezuohuoban .hezuo .hezuohuoban ul li{ width:100%; margin-bottom:20px; } #hezuohuoban .hezuo .heuzozhengce ul li{ width:50%; margin-bottom:20px; } #case .subject .titleSub{ display:none;} #case .listDefault .content ul li{ width:100%; margin-bottom:20px;} #cooperation .cooperation .content ul li{ width:33.3%; } #hezuohuoban .hezuo .content{ padding-top:40px;} #hezuohuoban .hezuo .content .product{ border:none; overflow:inherit;} #hezuohuoban .hezuo .content .product .left{ display:none;} #hezuohuoban .hezuo .content .product .right{ width:auto; margin:0px auto; border:none; padding:inherit; } #hezuohuoban .hezuo .content .product .right .tabContent{ display:block; border:1px solid #1a2d6a; margin-bottom:20px; padding:15px; width:auto; min-height:inherit; } #hezuohuoban .hezuo .content .product .right .tabContent h2{ display:block;} #hezuohuoban .hezuo .content .product .right .tabContent .info{ width:100%; margin:0px auto; display:block; padding:0px; margin-bottom:30px; } #hezuohuoban .hezuo .content .product .right .tabContent .info .text{ width:100%;} #hezuohuoban .hezuo .content .product .right .tabContent .cont{ width:100%; margin:0px auto; } #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text{ width:auto; margin:0px auto;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li span img{ width:90%; height:auto;} #hezuohuoban .hezuo .content .product .right .tabContent .cont .case .text ul li b{ width:90%; height:auto; display:inline-block;} .mainBody{ min-width:inherit;} .main{ width:100%; min-width:inherit;} .website .site{ width:auto; margin:0px auto; height:30px; overflow:hidden;} .website .site b{ max-width:120px; height:30px; overflow:hidden; } .side{ float:inherit; width:100%; margin:10px auto 10px auto;} .sideCom{ float:inherit; width:auto; margin:0px auto;} .sideCom .sideCate{ float:inherit; display:block; margin:0px auto 10px auto; overflow:hidden; } .sideCom .sideCate ul li.subNav0{text-indent: 40px; background: url(../images/navStyle_0.png) no-repeat 20px center;} .artCom{ float:inherit; width:auto; margin:0px auto; overflow:hidden; } .artCom .artSubject{ width:auto; margin:0px auto; float:inherit; } .artCom .artMain{ width:auto; margin:0px auto; float:inherit;} .artCom .artMain .title{width:auto; float:inherit; font-size:20px; } .artCom .artMain .author{ padding:0px 10px;} .artCom .artMain .author>span:first-child{ display:none; } .artCom .artMain .content{ padding:20px;} .artCom .artMain .content iframe{ max-width:100%; overflow:hidden;} .artCom .lists{ width:100%; border:none; } .artCom .lists .imgUpleft .img{ width:auto; float:inherit; } .artCom .lists .imgUpleft .img img, .lists .imgLeft .img a img{ } .artCom .lists .imgUpleft .text{ width:auto; float:inherit; } .artCom .lists .imgUpleft .text h3{ font-size:16px;} .artCom .lists .imgUpleft .pagram{ max-height:66px; overflow:hidden; } .artCom .lists ul li span{ width:65%;} .artCom .lists ul li span span{ width:100%; height:34px; overflow:hidden; } .artCom .lists ul li b{ width:35%;} .artCom .pre-next{ width:auto; margin:0px 10px; float:inherit; overflow:hidden; } .artCom .lists .imgUp{ width:50%; height:auto;} .artMain .partnerRegister .xinxi li.title h3{ font-size:20px; } .artMain .partnerRegister .xinxi li.title h4{ font-size:12px; } #footer{ min-width:inherit;} #footer .footer {width:100%; } #footer .footer .footerUp{ margin:20px 0px 0px 0px; } #footer .footer .footerUp dl{ width:33.3%; float:left; padding:0px 0px 20px 0px; line-height:22px; } #footer .footer .footerUp .wechat{ width:100%; } #footer .footer .footerUp dl dt{ width:auto; text-indent:10px;} #footer .footer .footerUp dl dd{ text-indent:10px; } #footer .footer .footerDown{ width:auto; padding:10px 10px; } .bgGrayDesktop{ background:#fff; } .bgGrayApp{ background:#f7f8f9; } .visibleDesktop{ display:none;} .visibleApp{ display:block;} .visibleBoth{ display:block;} }