@charset "utf-8"; /* CSS Document */ /*banner*/ .bannerBox{ background-position: center top; background-repeat: no-repeat; width: 100%; height: 104px;} @media (min-width: 768px) { .bannerBox { height: 204px;} } .mbx{ margin-top: 15px; } .guide{ margin-bottom: 20px; } @media (min-width: 1024px) { .bannerBox { height: 244px;} .mbx{ margin: 26px 0 5px 0; } .mainPd{ margin: 0 26px 40px 26px; } } .crs-screen-item { height: auto; } @media (min-width: 280px) { #my-slider { height: 76px; } } @media (min-width: 320px) { #my-slider { height: 84px; } } @media (min-width: 375px) { #my-slider { height: 100px; } } @media (min-width: 414px) { #my-slider { height: 108px; } } @media (min-width: 540px) { #my-slider { height: 143px; } } @media (min-width: 768px) { #my-slider { height: 200px; } } @media (min-width: 1024px) { #my-slider { height: 277px; } } /*闈㈠寘灞?/ .mbx a{ display: inline-block; text-decoration: none; color:#666666; font-size: 12px; font-family: microsoft yahei; background:url("../images/about/mbxRight.png") right 4px no-repeat; padding-right: 15px; margin-right: 5px;} .mbx span{color:#0269b8; font-size: 12px; font-family: microsoft yahei; display: inline-block;} /*sidebar*/ .sidebarL{ /*width:243px; */ width: 18%; } .sidebarR{ /*width:606px;*/ width: 80%; /*margin-left: 42px;*/ } @media (min-width: 768px) { .sidebarL{ width: 26%; } .sidebarR{ width:74%; } } @media (min-width: 1024px) { .sidebarL{ width: 22%; } .sidebarR{ width:76%; margin-left: 12px; } } /*@media (min-width: 1300px) {*/ /*.sidebarL{*/ /*width: 18%;*/ /*}*/ /*.sidebarR{*/ /*width:80%;*/ /*}*/ /*}*/ .sidebarRlDiv{ width: 66%; float: left; padding-right: 20px; } .sidebarRlImg{ width: 34%; height: auto; max-height: 150px; padding-top: 10px; float: right; } .sidebarRlImg1{ /*width: 34%;*/ height: 140px; padding-top: 10px; float: right; } @media (min-width: 768px) { .sidebarRlImg { width: 24%; } } @media (min-width: 1024px) { .sidebarRlImg { height: auto; } } .sidebarLBg{background: #efefef; width: 95%; border-radius: 6px; box-shadow:0px 2px 5px #c2c2c2;-moz-box-shadow:0px 2px 5px #c2c2c2; -webkit-box-shadow:0px 2px 5px #c2c2c2; padding: 37px 5px 22px;} .sidebarLBg h4{ color:#212E44; font-size: 18px; font-family:microsoft yahei; border-bottom: 1px solid #cccccc; padding-bottom: 13px; padding-left: 7px;} .sidebarLBg li{ } .sidebarLBg li a.sidebarLA{ border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-top: 13px; display: block; text-decoration: none; color:#333; font-family:microsoft yahei; padding-left: 26px; font-size: 14px; background-repeat: no-repeat; background-position: 12px 7px; } .sidebarLBg li a.sidebarLA:hover,.sidebarLBg li a.sidebarLA.cur{ color:#0269b7; } .sidebarLBg li .sidebarLList{ display: none;} .sidebarLBg li .sidebarLList a{ display: block; text-decoration: none; color:#333333; font-size: 12px; font-family: microsoft yahei; padding-top: 5px; margin-bottom: 8px; padding-left: 20px; /*width: 140px;*/ } .sidebarLBg li .sidebarLList a:hover,.sidebarLBg li .sidebarLList a.cur3{ color:#0269b7;} .sidebarRTop{ border-bottom: 1px solid #e9e9e9; margin-bottom: 12px;} @media (min-width: 768px) { .sidebarLBg li a.sidebarLA{ background-image:url("../images/about/icon1.png"); } .sidebarLBg li a.sidebarLA:hover,.sidebarLBg li a.sidebarLA.cur{ background-image:url("../images/about/icon2.png"); } .sidebarLBg li a.sidebarLA.cur2{ background-image:url("../images/about/icon3.png"); } .sidebarLBg li .sidebarLList a{ font-size: 14px; padding-left: 26px; } } /*page*/ .page{ text-align: right; padding-top: 40px;padding-bottom: 10px;} .page a{ display: inline-block; width: 33px; height: 22px; line-height: 22px; text-align: center; background:url("../images/about/pageAbg.jpg") left top repeat-x; font-size: 14px; color:#666666; font-family:microsoft yahei; margin-left: 4px;text-decoration: none;} .page a:hover,.page a.cur{ color:#0269b7; } .page a.pageRight:hover,.page a.pageRight.cur{ color:#fff; background: #2f82c2;} /*about*/ /*.aboutList {*/ /*width: 50%;*/ /*margin: 0 auto;*/ /*}*/ .aboutList p.aboutImg{ text-align: center; text-indent: 0;} .aboutList p{ color:#333333; font-size: 14px; font-family: microsoft yahei; margin-bottom: 30px; line-height: 24px; text-indent: 2em;} .financeList h5{ color:#161616; font-size: 18px; font-family: microsoft yahei; margin-bottom: 24px; padding-top: 20px;} .financeList p{color:#1d1d1d; font-family: microsoft yahei; font-size: 14px; line-height: 24px; margin-bottom: 25px;} .financeList p a{ display: inline-block; text-decoration: none; color:#0269b7;} .activeTab table{ width: 100%;} .activeTab table th{ border: 1px solid #fff; background: #0269b7; color:#fff; font-family: microsoft yahei; font-size: 14px; text-align: center; height: 29px; line-height: 29px;} .activeTab table td{ border: 1px solid #fff; background: #ededed; color:#1b1a1a; font-family: microsoft yahei; font-size: 14px; text-align: center; height: 29px; line-height: 29px;} .activeTab table td a{ display: block; text-decoration: none;color:#1b1a1a; font-family: microsoft yahei; font-size: 14px; text-align: center;} .financeList p a.emailIR{color:#1d1d1d; font-family: microsoft yahei; font-size: 14px; display: inline-block; } .financeList p a.emailIR:hover{ color:#0269b7;} .hrList li a{ display: block; padding-top: 15px; padding-bottom: 18px; border-bottom: 1px solid #f3f3f3; text-decoration: none; color:#333; font-family:microsoft yahei; font-size: 14px; background:url("../images/about/jia.png") 100% 13px no-repeat; } .hrList li a.cur{ background:url("../images/about/jian.png") 100% 13px no-repeat; } .hrList li{ display: block; /*padding-top: 15px; */ /*padding-bottom: 18px;*/ /*border-bottom: 1px solid #f3f3f3; */ text-decoration: none; color:#333; font-family:microsoft yahei; font-size: 14px; background:url("../images/about/dian.jpg") 5px 24px no-repeat; padding-left: 15px; } /*.hrList li .a{ display: block; padding-top: 15px; padding-bottom: 18px;border-bottom: 1px solid #f3f3f3; text-decoration: none; color:#333; font-family:microsoft yahei;*/ /*font-size: 14px; background:url("../images/about/dian.jpg") 5px 24px no-repeat; padding-left: 15px;}*/ .hrWord{ background: #f3f3f3; padding:19px 10px 0; display: none;} .hrWord p{ padding-bottom: 2px; color:#414141; font-size: 12px; font-family: microsoft yahei; line-height: 24px;} .contactBg{ background: #f6f6f6; width: 100%; height: 234px; margin-bottom: 10px; overflow:hidden;} .contactBg img{ margin-right:15px; } .contactBg div{ padding-top:27px; } .contactBg div h4{ background:url("../images/about/contactIcon1.png") 362px 1px no-repeat; padding-left:386px; color:#161616; font-size: 18px; font-family:microsoft yahei; margin-bottom: 15px;} .contactBg div p{ color:#1d1d1d; font-size: 14px; font-family: microsoft yahei; line-height: 20px; margin-bottom: 15px;} .contactBg div a{display:block; text-decoration: none; color:#0269b8; font-size: 14px; font-family: microsoft yahei; line-height: 18px;} .contactPd li{ float: left; width: 292px; padding-top: 60px; margin-right: 10px;} .contactPd li h5{ color:#161616; font-family: microsoft yahei; font-size: 18px; background:url("../images/about/contactIcon2.png") left 5px no-repeat; margin-bottom: 19px; padding-left: 15px;} .contactPd li p{ color: #1d1d1d; font-size: 14px; font-family: microsoft yahei; line-height: 20px; height: 80px;} /*news*/ .newsList li{ border-bottom: 1px solid #cccccc; height: 150px; } .newsList li a{ display: block; text-decoration: none; color:#1d1d1d; font-size:14px; font-family: microsoft yahei; margin-top: 10px; } .newsList li a em{ display:inline-block; width:100%; color:#000000; font-size:14px; font-family: microsoft yahei; overflow:hidden; font-style: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: bold; } .newsList li a span{ display: inline-block; /*float: right; */ color: #0069b8; } .newsList li p.newsListP{ /*display:block;*/ text-decoration:none; color: #414141; font-size: 12px; font-family: microsoft yahei; margin-top: 20px; /*padding-bottom: 20px;*/ /*border-bottom: 1px solid #cccccc; */ margin-bottom: 14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow : hidden; text-overflow: ellipsis; } .newsDetail{ margin-bottom: 137px;} .newsDetail h4{ color:#1d1d1d; font-size: 18px; font-family: microsoft yahei; text-align: center;font-weight: bold;} .newsDetail P.timeD{ COLOR:#333; font-size: 14px;font-family: microsoft yahei; text-align: center; text-indent: 0em;} .newsDetail P.timeD em{ display: inline-block; margin-right: 10px; padding: 20px 0 40px;} .newsDetail h5{ color:#333333; font-size:14px; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #cccccc;font-weight: bold;} .newsDetail P{ color:#333333; font-size:14px; line-height: 24px; /*text-indent: 2em;*/ } .newsDetail P strong{ margin-top: 20px; display: block;} .meetR{ width: 331px; margin-left: 28px;} .meetRListP{ color: #414141; font-size: 12px; margin-top: 15px;font-family: microsoft yahei;} .newsList li.meetLine{ padding-bottom: 21px; border-bottom: 1px solid #ccc;} .meetDetail{ background:url("../images/news/meetIngBg.jpg")center top no-repeat; width: 100%; height: 631px; position: relative;} .meetDetail h4{ color: #1d1d1d;font-size: 18px; font-family: microsoft yahei; /*position: absolute; left: 50%; margin-left: -59px; top: 236px;*/ padding-top:237px; text-align:center; width:460px; margin:0 auto; font-weight: bold;} .meetDetail p{ width: 574px; margin:0 auto; padding-top: 20px; text-align: center; line-height:23px; color: #414141;font-size: 12px; font-family: microsoft yahei; } .meetDetail p.meetPt400{ padding-top: 74px; text-align: center;} @media (max-width: 1023px) { .newsDetail p img{width: 100% !important;height: auto !important;} } /*case*/ .caseLine{ /*background:url("../images/case/caseLine.jpg") left top repeat-x;*/ /*height: 4px;*/ /*margin-top: 10px;*/ } .caseLine2{ background:url("../images/case/caseLine2.jpg")left top repeat-x; height: 11px;display:none;} .caseList{ padding-top: 16px; width: 100%; margin: 0 auto;} .caseList ul li{ float: left; width: 50%; height: 107px; position: relative; } @media (min-width: 768px) { .caseList ul li{width: 33%; } } @media (min-width: 1024px) { .caseList ul li{width: 25%; } } .caseList ul li a.caseA{ display: block; text-decoration: none;width: 80%; height:70px; padding-left: 72px; padding-top: 25px; color: #333333; font-size: 14px; font-family: microsoft yahei; background-position: left top; background-repeat: no-repeat;} .caseList ul li a.a1{ background-image:url("../images/case/caseIcon1.jpg");} .caseList ul li a.a2{ background-image:url("../images/case/caseIcon2.jpg");} .caseList ul li a.a3{ background-image:url("../images/case/caseIcon14.png");} .caseList ul li a.a4{ background-image:url("../images/case/caseIcon5.jpg");} .caseList ul li a.a5{ background-image:url("../images/case/caseIcon4.jpg");} .caseList ul li a.a6{ background-image:url("../images/case/caseIcon6.jpg");} .caseList ul li a.a7{ background-image:url("../images/case/caseIcon3.jpg");} .caseList ul li a.a8{ background-image:url("../images/case/caseIcon7.jpg");} .caseList ul li a.a9{ background-image:url("../images/case/caseIcon8.jpg");} .caseList ul li a.a10{ background-image:url("../images/case/caseIcon9.jpg");} .caseList ul li a.a11{ background-image:url("../images/case/caseIcon10.jpg");} .caseList ul li a.a12{ background-image:url("../images/case/caseIcon13.png");} .caseList ul li a.a13{ background-image:url("../images/case/caseIcon11.jpg");} .caseList ul li a.a14{ background-image:url("../images/case/caseIcon12.jpg");} .caseList ul li a.a15{ background-image:url("../images/case/caseIcon4.jpg");} .caseList ul li a.a16{ background-image:url("../images/case/caseIcon16.png");} .caseList ul li a.a17{ background-image:url("../images/case/caseIcon17.png");} .caseList ul li a.a18{ background-image:url("../images/case/caseIcon18.png");} .caseList ul li a.a19{ background-image:url("../images/case/caseIcon19.png");} .caseList ul li a.a7:hover,.caseList ul li a.a7.cur{ background-image:url("../images/case/caseIcon3H.png"); width: 200px; color: #fff;position: absolute; left: 0; top: 0; z-index: 999;} .caseList ul li a.a9:hover,.caseList ul li a.a9.cur{ background-image:url("../images/case/caseIcon8H.png"); width: 200px; color: #fff;position: absolute; left: 0; top: 0; z-index: 999;} .caseListBg{ position: absolute; left: 0; top: 66px; background: #f8f8f8; z-index:998; display: none;width: 166px} .caseList ul li .caseListBg a{ border-bottom: 1px solid #cccccc; padding-left: 15px; padding-right: 15px; width: 100%; display: block; height: 30px; padding-top: 0; line-height: 30px; color: #333; font-size: 12px; font-family: microsoft yahei; text-decoration: none;} .caseList ul li .caseListBg a em{ display:inline-block; width:100px; float:left;} .caseList ul li .caseListBg a img{ float: right; vertical-align: middle; margin-top: 12px;} .caseList ul li .caseListBg a.aa8:hover{ background: #fbc5fa; z-index: 999;} .caseList ul li .caseListBg a.aa9:hover{ background: #fbd2c5; z-index: 999;} .caseDetail{} .caseDetail table{width: 100%; border-top:1px solid #ccc;border-left:1px solid #ccc;border-style:inherit !important; box-shadow:2px 2px 2px #ccc; } .caseDetail table th{ background:url("../images/case/caseDbg.jpg") left top repeat-x; height: 38px; border-right: 1px solid #fff; border-top: 0; } .caseDetail table th p{color: #fff; font-size: 12px; font-family: microsoft yahei; line-height: 38px; margin-left: 29px;} .caseDetail table td{ border: 1px solid #ccc; } .caseDetail table td p{color: #414141; font-size: 12px; font-family: microsoft yahei; line-height: 20px; margin:0 25px; padding: 13px 0;} @media (max-width: 414px) { .caseDetail table{ width: 620px; } .caseDetail table th p{ line-height: 18px; margin-left: 0; } .caseDetail table td p{ margin:0 2px; } } /*support*/ .supportList li{ width: 128px; margin: 0 37px 30px;float: left;} .supportList li img{ margin: 0 auto;} .supportList li p{ color:#1d1d1d; font-size: 14px; font-family: microsoft yahei; margin-bottom: 15px; text-align: center; height:40px; overflow:hidden;} .supportList li a.downloadBg{ background:url("../images/support/downLoadBg.png") center top no-repeat; width: 100%; height: 151px; text-align: center; display: block; text-decoration: none;} .supportList li a.downloadBg img{ padding-top: 27px;} .supportList li a.downLoadTitle{ color:#1d1d1d; font-size: 14px;font-family: microsoft yahei; display: block; width: 148px; height:58px; overflow: hidden; background: none; margin: 37px 0 60px;} .supportList li a{ /*margin: 0 auto; display: block; background:url("../images/support/downLoadBtn.png") center top no-repeat; width: 70px; height: 28px; line-height: 28px; text-align: center;*/ /*color:#fff; font-size: 12px; font-family: microsoft yahei;*/ } .supportList li a.downLoadPdf { margin: 0 auto; display: block; background:url("../images/support/downLoadBtn.png") center top no-repeat; width: 70px; height: 28px; line-height: 28px; text-align: center; color:#fff; font-size: 12px; font-family: microsoft yahei; } #information{ padding:34px 27px; background:#fff;border-radius:4px;border:1px solid #eeeeee;box-shadow:0px 0px 5px #eeeeee; -moz-box-shadow:0px 0px 5px #eeeeee; position:relative; -webkit-box-shadow:0px 0px 5px #eeeeee; } #information p{ color:#333; font-family:microsoft yahei; font-size:13px; width:419px; padding:0; margin:0 0 10px; } #information table{width:419px;} #information table tr th{ padding-bottom:10px;} #information table tr th input{ border:1px solid #cccccc; width:399px; height:21px; padding:5px 10px; line-height:21px; color:#333;font-size:12px; font-family:microsoft yahei;} #information table tr th textarea{ border:1px solid #cccccc; width:399px; height:70px; padding:5px 10px; line-height:20px; color:#333;font-size:12px; font-family:microsoft yahei;} #information table tr th a{ display:block; width:419px; background:url(../images/product/productListBg.jpg) left top repeat-x; height:38px; line-height:38px; text-align:center; color:#fff; font-size:14px; font-family:microsoft yahei;} #information .informationImg{ position:absolute; top:0; right:0;} /*product*/ .product{ margin-left: 12px;} .product li{ float: left; /*margin-right: 80px;*/ /*padding-top: 30px;*/ width: 50%; } @media (min-width: 768px) { .product li{ /*margin-right: 80px;*/ /*padding-top: 30px;*/ width: 22%; } } @media (min-width: 1024px) { .product li{ margin-right: 80px; /*padding-top: 30px;*/ width: 15%; } } .product li dd{padding-bottom:20px; } .product li a.productA{ display: block; text-decoration: none; font-size: 12px; font-family: microsoft yahei; color:#414141; display:inline-block; width:198px; } .product li a.productA em{ color:#999999; display: inline-block; /*margin-left: 6px;*/} .product li a.productA:hover{ color:#0069b8;} .product li dd a.proJia{ background:url("../images/product/jia.png") left 7px no-repeat; margin-left: -15px; padding-left: 15px;} /*.product li dd a.proJia:hover,*/.product li dd a.proJia.cur{ color:#414141; background-image:url("../images/product/jian.png");} .product li dd .productAA{ display: none;} .product li dd .productAA a{ display: block; text-decoration: none; font-size: 12px; font-family: microsoft yahei; color:#414141; margin-top: 5px;} .product li dd .productAA a em{color:#999999; display: inline-block; margin-left: 6px;} .product li dd .productAA a:hover{color:#0069b8;} @media (min-width: 768px) { .product li a.productA{ font-size: 14px; } .product li dd .productAA a{ font-size: 14px; } } .productList table{ border: 1px solid #dbdbdb;box-shadow:0px 2px 5px #d5d5d5; -moz-box-shadow:0px 2px 5px #d5d5d5; -webkit-box-shadow:0px 2px 5px #d5d5d5;} .productList table th{ background:url("../images/product/productListBg.jpg") left top repeat-x; height: 38px; color: #fff;font-size: 12px; font-family: microsoft yahei; vertical-align: middle; border-right: 1px solid #fff; padding:0 5px;} /*.productList table th p{ margin: 0 10px;}*/ .productList table td{ height: 37px; color: #414141;font-size: 12px;font-family: microsoft yahei; vertical-align: middle; border: 1px solid #d5d5d5;padding:0 5px; } /*.productList table td p.proPl{ padding:0 5px;}*/ .productList table td a{display: block; text-decoration: none;color: #414141;font-size: 12px; font-family: microsoft yahei; margin:0 5px;} .proDetail{ padding-top: 10px;} .proDetail h1,.proDetail h4{ color:#414141;font-size: 18px; font-family: microsoft yahei; margin-bottom: 40px; text-align: center;} .ml25{ margin-left: 25px;} .proDetail h5{ color: #0069b8; font-size: 14px;font-family: microsoft yahei; line-height: 36px; font-weight: bold; } .proDetail div{ margin-bottom: 36px;} .proDetail div p,.proDetail div{color:#414141;font-size: 12px; font-family: microsoft yahei; line-height: 20px; } @media (max-width: 1024px) { .proDetail p img{width: 100% !important;height: auto !important;} } /*search*/ .searchList{ padding: 15px 0 55px;} .searchInput{ width:331px; height: 20px; padding: 4px 5px; border: 1px solid #cccccc; display: inline-block; vertical-align: middle; margin-top: -5px; } .searchA{display: inline-block; text-decoration: none; color: #fff; font-size: 14px; font-family: microsoft yahei; width: 70px; background:url("../images/search/searchBtnBg.jpg") left top repeat-x; height: 30px; text-align: center; line-height: 30px; border-radius: 4px;} .searchTopLine{ border-top: 2px solid #f2f2f2; margin-top:17px; } .searchTopLine p.searchP{ color: #999999; padding: 10px 0 26px;} .searchTopLine ul li{ margin-bottom: 33px; padding-bottom: 25px; border-bottom: 1px solid #cccccc;} .searchTopLine ul li a{display: block; text-decoration: none;} .searchTopLine ul li h4{ color: #1d1d1d; font-size: 14px; font-family: microsoft yahei; margin-bottom: 20px;} .searchTopLine ul li h4 em{ color: #0069b8;} .searchTopLine ul li h4 span{ color:#999999; display: inline-block; float: right; font-size: 14px; font-family: microsoft yahei; display:none;} .searchTopLine ul li p{ color: #414141; font-size: 12px; font-family: microsoft yahei; line-height: 18px;} .tabIn{height:40px;border-bottom:1px solid #0061ae;margin-bottom:20px;} .tabIn li{float:left;margin-right:10px;} .tabIn li a{display:block;float:left;height:40px;line-height:40px;border:1px solid #ccc;border-bottom:0; color:#666;padding:0 30px;font-size:14px;font-family:microsoft yahei;} @media (max-width: 414px) { .tabIn li a{ padding: 0 19px; } } .tabIn li a:hover , .tabIn li a.cur{ text-decoration:none; background-color:#0061ae; color:#fff; } @media (max-width: 767px) { .mbx { /*display: none;*/ } .sidebarL { /* width: 243px; */ width: 100%; } .sidebarLBg { width: 100%; padding: 7px 5px 42px; } .sidebarLBg h4 { text-align: center; } .sidebarLBg ul li{ width: 33.33%; float: left; } /*.support{*/ /*width: 50% !important;*/ /*}*/ .about{ width: 25% !important; } .sidebarLBg li a.sidebarLA { border-bottom: 0 solid #cccccc; padding-left: 0; font-size: 12px; text-align: center; } .sidebarR { /* width: 606px; */ width: 100%; /* margin-left: 42px; */ } .supportList li { width: 50%; margin: 20px auto 10px; float: left; height: auto; } .supportList li a.downloadBg img { margin-top: 25px; padding-top: 2px; } .supportList li a.downLoadTitle { color: #1d1d1d; font-size: 10px; font-family: microsoft yahei; display: block; width: 128px; height: 58px; overflow: hidden; background: none; margin: 0 auto 10px; } .contactPd li { width: 100%; padding-top: 10px; } .aboutImg img{ width: 100%; height: auto; } .searchInput{ width:260px; } }