#zi_banner{ width: 100%; height: auto; position: relative;} #zi_banner .pic{ width: 100%; height: auto;} #zi_banner .pic img{ width: 100%;} #zi_banner .main{ /*position: absolute; left: 0; top: 0; z-index: 10; */width: 100%;} #zi_banner .main .container{ margin: 0 auto;} #zi_banner .main #top_tit{ float: left; background: #4c4a57; color: #fff; text-align: left; border-left: 3px solid #3866ed; padding: 20px; line-height: 2rem;} #zi_banner .main #top_tit h3{ margin: 0;} #zi_banner .main #top_tit p{ text-transform: uppercase; font-family: arial;} @media screen and (max-width:768px){ #zi_banner .main #top_tit{ padding: 13px;} #zi_banner .main #top_tit h3{ font-size: 2rem;} #zi_banner .main #top_tit p{ font-size: 1rem;} } #home{ border-bottom: 1px solid #e6e6e6; height: 4rem; line-height: 4rem; position: relative; color: #666666; padding-left: 2%;} #home a{ color: #666666; padding-left: 3px;} #home::before{ position: absolute; content: ''; left: 0; top: 0; height: 90%; width: 3px; background: #3866ed;} .gsjjnr{ position: relative;} .gsjjnr .pic1{ width: 100%; position: absolute; left: 0; top: 5%; z-index: 2;} .gsjjnr .pic1 img{ width: 100%;} .gsjjnr #gsjjright,.gsjjnr #gsjjleft{ z-index: 5;} .gsjjnr .tit{ color: #333333; font-size: 3rem; position: relative; line-height: 4rem; padding-bottom: 4%;} .gsjjnr .tit::before{ position: absolute; content: ''; left: 0; bottom: 0; height: 3px; width: 30%; background: #3866ed;} .gsjjnr .content{ color: #666666; font-size: 1.4rem; padding: 4% 0;} .gsjjnr #gsjjright ul{ padding-top: 3%;} .gsjjnr #gsjjright ul li p{ color: #333333; font-size: 3rem; font-weight: bold;} .gsjjnr #gsjjright ul li span{ color: #666666; font-size: 1.2rem;} .gsjjnr #gsjjleft{ padding-top: 12%;} .gsjjnr .pic img{ width: 100%;} @media (min-width: 768px) and (max-width: 1200px){ .gsjjnr .pic1{ top: 10%;} } @media screen and (max-width:768px){ .gsjjnr #gsjjleft,.gsjjnr #gsjjright{ padding-top: 2%;} } .cpbtbj{ width: 100%; background: #fff; margin-bottom: 3%;} .cpbt{ width: 100%; background: #fff; margin:0 auto; height:5rem;} .cpbt div{ padding: 0 1%;} .cpbt li{ color:#666666; background: #f2f2f2; cursor: pointer; text-align: center; line-height:5rem; font-size: 1.5rem;} .cpbt li a{ color:#666666;} .current{ background: #3866ed !important; color: #fff;} .current a{ color: #fff !important;} } #qz_banner img{ width: 100%;} .qz_pic{ text-align: center;} .qz_pic img{ max-width: 100%; display: inline-block;} #qz_sp{ width: 95%; background: #fff; padding: 3%; margin: 3% auto 0;} .qzsp1 img{ max-width: 100%;} .qzspnr .nr1{ color: #666666; font-size: 1.8rem; padding-top: 4%; font-weight: bold;} .qzspnr .nr2{ color: #305dc3; font-size: 1.8rem; padding: 3% 0; font-weight: bold; position: relative; padding: 5% 0 3%;5} .qzspnr .nr2::before{ position: absolute; content: ''; left: 0; bottom: 0; width: 10%; background: #305dc3; height: 2px;} .qzspnr a{ display: block; height: 4rem; line-height: 4rem; background: #305dc3; text-align: center; color: #fff; margin-top: 5%;} .qzspnr a:nth-of-type(2){ background: #ff9600;} @media screen and (max-width:768px){ #qz_sp{ padding: 0;} } #qzspbj{ position: relative; z-index: 2; background: url(../images/tm.png) repeat center top; padding: 3% 0 2%;} #qzbj{ background: url(../images/qz_bj.jpg) repeat center top; width: 100%; height: auto; position: relative; z-index: 1; margin-top: -10%; padding: 10% 0 3%;} #cpfont{ text-align: center; padding: 3% 0; font-weight: bold;} #cpfont p{ font-size: 2rem; color: #333333; padding-bottom: 2%;} #cpfont span{ color: #305dc3; font-size: 2.2rem;} #cpfm li{ position: relative; overflow: hidden; margin-bottom: 5%;} #cpfm li .pic{ background: #305dc3;} #cpfm li .pic img{ transition:0.3s; width: 100%;} #cpfm li .fdj{ position: absolute; left: 0; top: 50%; text-align: center; z-index: 2; width: 100%; opacity: 0; transition:0.3s;} #cpfm li .fdj img{ display: inline-block;} #cpfm li .font{ position: absolute; left: 0; top: 65%; text-align: center; z-index: 2; width: 100%; color: #fff; transition:0.5s; font-weight: bold; font-size: 2rem; opacity: 0;} #cpfm li:hover .pic img{ opacity: 0.4;} #cpfm li:hover .fdj{ opacity: 1; top: 40%;} #cpfm li:hover .font{ opacity: 1; top: 55%;} #cpfm #cpfmzx{ text-align: center;} #cpfm #cpfmzx a{ display: inline-block; width: 15%; margin: 0 2%; height: 4rem; line-height: 4rem; background: #305dc3; text-align: center; color: #fff; margin-top: 2%;} #cpfm #cpfmzx a:nth-of-type(2){ background: #ff9600;} @media screen and (max-width:768px){ #cpfm #cpfmzx a{ width: 30%;} } #hzalbj{ background: url(../images/qz_bj1.jpg) repeat center top; width: 100%; height: auto;} #hzalbj li{ margin-top: 10%; position: relative; overflow: hidden;} #hzalbj li .title{ position: absolute; left: 0; bottom: -4rem; z-index: 2; width: 100%; text-align: center; font-weight: bold; height: 4rem; line-height: 4rem; background: rgba(0,0,0,0.8); color: #fff; transition:0.3s;} #hzalbj li img{ width: 100%; border: 1px solid #fff;} #hzalbj li:hover .title{ bottom: 0;} #cplybj{ background: url(../images/qz_bj2.jpg) no-repeat center bottom; width: 100%; margin: 2% 0;} .cply{ height: auto; padding: 0; position: relative;} .cply_nr{ background: #3763c5; position: absolute; right: 0; bottom: 0; z-index: 1; padding: 3% 2% !important;} .cply_font{ height: 100%; vertical-align: middle; padding-top: 13%;} .cply_font img{ max-width: 100%;} @media screen and (max-width:768px){ .cply_font{ padding: 5% 0;} } .fixed-banner { overflow: hidden; text-align: center; height: 230px; } .fixed-banner h3 { margin: 78px 0 5px; font-size: 36px; color: #fff; line-height: 1; } .fixed-banner p { font-size: 18px; color: #949daa; } .common-inner { /*background: #f6f6f6;*/ padding: 2% 0; } .common-inner .inner-left { background: #f7f7f7; padding: 0; } .common-inner .inner-left .pro-sider { float: none; } .common-inner .inner-right { } .common-inner .inner-right .rig-title { font-size: 18px; color: #0058b1; font-weight: bold; height: 54px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #ededed; } .common-inner .inner-right .rig-title .crumbs { overflow: hidden; margin-top: 6px; float: right; padding-left: 25px; height: 48px; line-height: 54px; background: url(../images/home-icon.png) no-repeat left center; color: #b2b2b2; font-size: 13px; font-weight: normal; max-width: 400px; white-space: nowrap; text-overflow: ellipsis; } .common-inner .inner-right .rig-title .crumbs a { color: #b2b2b2; } .common-inner .inner-right .rig-title .crumbs a:hover { color: #237ed2; text-decoration: underline; } .common-inner .inner-right .search-result { height: 50px; line-height: 50px; background: #f5f5f5; margin: 12px 0 25px; padding: 0 17px; font-size: 14px; color: #595959; } .common-inner .inner-right .search-result span { color: #0058b1; font-weight: bold; } .common-inner .inner-right .search-result .search-record { float: right; } .common-inner .inner-right .search-list, .de-product-list { overflow: hidden; margin-top: 2% !important; } .common-inner .inner-right .search-list ul, .common-inner .inner-right .de-product-list ul { margin: 0 -12px; } .common-inner .inner-right .search-list ul li, .de-product-list ul li { margin-bottom: 7%; } .search-list ul li a, .de-product-list ul li a { display: block; } .search-list ul li .img, .de-product-list ul li .img { font-size: 0; text-align: center; overflow: hidden; } .search-list ul li .img img, .de-product-list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; transition: all 0.5s; } .search-list ul li .title, .de-product-list ul li .title { font-size: 1.5rem; padding-left: 4%; height: 5rem; line-height: 5rem; border: 1px solid #e6e6e6; background: url(../images/cpicon1.png) no-repeat right center #fff; /*background-size: 16%;*/ color: #666666; transition:0.3s; } .search-list ul li .title h3, .de-product-list ul li .title h3 { color: #595959; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-list ul li .title em, .de-product-list ul li .title em { font-weight: bold; display: block; color: #ff8111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-list ul li:hover, .de-product-list ul li:hover { } .search-list ul li:hover .title, .de-product-list ul li:hover .title { color: #fff; border-color: #6498fe; background: url(../images/cpicon2.png) no-repeat right center #6498fe; } .search-list ul li:hover .img img, .de-product-list ul li:hover .img img { transform: scale(1.1); } .de-product-list { margin-top: 26px; } .common-inner .inner-right .de-about-content { padding: 30px 50px; } .common-inner .inner-right .de-about-content img { margin: 0 auto; max-width: 100%; } .common-inner .inner-right .de-about-content p { font-size: 14px; color: #595959; line-height: 24px; } .de-news-list { overflow: hidden; min-height: auto; padding: 2%; } .de-news-list ul li { padding: 2%; overflow: hidden; border-bottom: 1px solid #ededed; } .de-news-list ul li a { display: block; } .de-news-list ul li .img { text-align: center; height: 0; padding-bottom: 18%; position: relative; overflow: hidden; } .de-news-list ul li .img img { display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; } .de-news-list ul li .box { font-size: 1.2rem; padding: 0 2% !important; } .de-news-list ul li .box h4 { color: #323232; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; transition:0.3s; } .de-news-list ul li .box p { color: #595959; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 25px; } .de-news-list ul li .box .time { color: #999999; line-height: 1.1; } .de-news-list ul li .box .time span { display: block; float: right; font-size: 14px; color: #0058b1; width: 20%; height: 3rem; line-height: 3rem; text-align: center; transition:0.3s; } .de-news-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .de-news-list ul li:hover .time span { color: #237ed2; } .de-news-list ul li:hover .box h4{ color: #165db5;} .de-news-list ul li:hover .time span{ color: #fff; background: #ff9600;} .news-detail-content { padding: 0; } .news-detail-content .news-detail-title { padding-bottom: 15px; border-bottom: 1px dashed #ededed; text-align: center; margin-bottom: 15px; } .news-detail-content .news-detail-title .h3 { font-size: 18px; color: #323232; line-height: 24px; font-weight: bold; margin: 25px 0 10px; } .news-detail-content .news-detail-title .b { font-size: 13px; color: #999999; line-height: 20px; } .news-detail-content .news-detail { padding: 0 1% 30px; line-height: 3rem !important; } .news-detail-content .news-detail .img{ text-align: center; padding-bottom: 20px;} .news-detail-content .news-detail .img img{ max-width: 80%;} .news-detail-content .news-detail p { font-size: 14px; color: #595959; line-height: 24px; } .news-detail-content .news-detail img { max-width: 100%; margin: 0 auto; } .news-detail-content .newsPage { border-top: 1px solid #efefef; padding: 0 2%; font-size: 1.3rem; color: #323232; line-height: 30px; margin: 15px 0 30px; } .news-detail-content .newsPage a { color: #323232; } .news-detail-content .newsPage a:hover { color: #237ed2; } .de-honor-list { overflow: hidden; margin: 0 auto; margin-top: 24px; padding-top: 6px; /*min-height: 556px;*/ } .de-honor-list ul { margin: 0 -5px; } .de-honor-list ul li { overflow: hidden; margin-bottom: 5%; background: #f6f6f6; } .de-honor-list ul li a { display: block; } .de-honor-list ul li .img { width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden; } .de-honor-list ul li .img img { width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: all 0.5s; } .de-honor-list ul li .title { text-align: center; height: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5rem; background: none; font-size: 14px; color: #595959; } .de-honor-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .de-honor-list ul li:hover .img img { transform: scale(1.1); } .common-inner .inner-right .de-job-list { overflow: hidden; padding-bottom: 19px; min-height: 645px; padding: 5px 5px; } .common-inner .inner-right .de-job-list ul li { overflow: hidden; padding: 0 55px 0 25px; height: 128px; border-bottom: 1px solid #ededed; } .common-inner .inner-right .de-job-list ul li .job-title { float: left; width: 260px; margin-right: 10px; padding-top: 38px; } .common-inner .inner-right .de-job-list ul li .job-title h3 { font-weight: bold; font-size: 18px; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; } .common-inner .inner-right .de-job-list ul li .job-title p { font-size: 16px; color: #237ed2; line-height: 20px; font-weight: bold; } .common-inner .inner-right .de-job-list ul li .job-title p em { font-weight: normal; font-size: 12px; } .common-inner .inner-right .de-job-list ul li .job-info { float: left; width: 200px; padding-top: 38px; } .common-inner .inner-right .de-job-list ul li .job-info p { font-size: 13px; color: #b2b2b2; line-height: 20px; margin-bottom: 15px; } .common-inner .inner-right .de-job-list ul li .job-info p span { color: #737373; } .common-inner .inner-right .de-job-list ul li .job-btn { display: none; float: right; width: 80px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #237ed2; margin-top: 50px; } .common-inner .inner-right .de-job-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .common-inner .inner-right .de-job-list ul li:hover .job-btn { display: block; } .common-inner .inner-right .jobs-info { padding: 40px 10px 30px; margin-bottom: 28px; border-bottom: 1px dashed #ededed; } .common-inner .inner-right .jobs-info .h3 { overflow: hidden; margin-bottom: 15px; } .common-inner .inner-right .jobs-info .h3 .job-name { float: left; font-weight: bold; font-size: 20px; color: #333333; width: 450px; } .common-inner .inner-right .jobs-info .h3 .job-price { float: right; font-weight: bold; font-size: 24px; color: #237ed2; line-height: 1.1; max-width: 360px; } .common-inner .inner-right .jobs-info .h3 .job-price em { font-weight: normal; font-size: 16px; } .common-inner .inner-right .jobs-info .p { font-size: 13px; color: #999999; line-height: 20px; margin-bottom: 10px; } .common-inner .inner-right .jobs-info .p span { color: #595959; } .common-inner .inner-right .jobs-info .btn { padding-top: 10px; overflow: hidden; } .common-inner .inner-right .jobs-info .btn a { display: block; width: 230px; height: 44px; text-align: center; line-height: 44px; color: #fff; background: #237ed2; font-size: 14px; } .common-inner .inner-right .jobs-info .btn a:hover { background: #0058b1; } .common-inner .inner-right .jobs-info-content { padding: 0 20px; overflow: hidden; } .common-inner .inner-right .jobs-info-content h3 { font-size: 18px; color: #333333; font-weight: bold; line-height: 1.1; margin-bottom: 10px; } .common-inner .inner-right .jobs-info-content p { font-size: 14px; color: #333; line-height: 24px; } .common-inner .inner-right .apply-job { overflow: hidden; margin-top: 20px; } .common-inner .inner-right .apply-job .job-tr { overflow: hidden; } .common-inner .inner-right .apply-job .job-tr .tr-over { overflow: hidden; } .common-inner .inner-right .apply-job .job-tr .error { padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00; } .common-inner .inner-right .apply-job .job-tr .tr-title { float: left; width: 50px; min-height: 20px; text-align: right; font-size: 14px; color: #808080; margin-right: 25px; line-height: 40px; } .common-inner .inner-right .apply-job .job-tr .tr-cont { float: left; width: 640px; } .common-inner .inner-right .apply-job .job-tr .tr-cont h3 { font-size: 14px; color: #4c4c4c; line-height: 40px; font-weight: bold; } .common-inner .inner-right .apply-job .job-tr .tr-cont input[type=text] { line-height: 38px; font-size: 14px; color: #333; display: block; padding: 0 10px; width: 618px; height: 38px; border: 1px solid #e6e6e6; } .common-inner .inner-right .apply-job .job-tr .tr-cont input[name='captcha'] { font-size: 14px; line-height: 38px; color: #333; width: 190px; float: left; margin-right: 30px; } .common-inner .inner-right .apply-job .job-tr .tr-cont .verify { cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0; } .common-inner .inner-right .apply-job .job-tr .tr-cont .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .common-inner .inner-right .apply-job .job-tr .tr-cont textarea { font-size: 14px; color: #333; display: block; height: 170px; line-height: 20px; padding: 5px 10px; width: 618px; border: 1px solid #e6e6e6; } .common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont { line-height: 40px; } .common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont input[type=radio] { margin-right: 10px; } .common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label { margin-right: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold; } .common-inner .inner-right .apply-job .job-tr .tr-cont a.submit { display: block; width: 190px; height: 40px; line-height: 40px; text-align: center; background: #237ed2; color: #fff; font-size: 15px; } .common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover { background: #0058b1; } .common-inner .inner-right .de-message { overflow: hidden; padding: 0 5px; } .common-inner .inner-right .de-message .tips { font-size: 13px; line-height: 55px; color: #737373; } .mes-form { margin: 0 auto; overflow: hidden; margin-top: 3%; } .mes-form .form-tr { overflow: hidden; } .mes-form .form-tr input { display: block; width: 100%; padding: 0 2%; height: 4rem; line-height: 4rem; border: 1px solid #e6e6e6; } .mes-form .form-tr textarea { display: block; width: 100%; padding: 5px 10px; height: 130px; border: 1px solid #e6e6e6; } .mes-form .form-tr .code { overflow: hidden; } .mes-form .form-tr .code input { width: 40%; float: left; } .mes-form .form-tr .code .verify { cursor: pointer; float: left; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0; } .mes-form .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .mes-form .form-tr .submit { margin-top: 15px; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #356bef; color: #fff; font-size: 15px; } .mes-form .form-tr .submit:hover { background: #0058b1; } .mes-form .form-tr .submit2 { margin-top: 15px; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #ff9600; color: #fff !important; font-size: 15px; transition:0.3s; } .mes-form .form-tr .submit2:hover { background: #165db5; } .mes-form .form-tr .error { height: 1rem; line-height: 1rem; font-size: 12px; color: #f00; padding: 0 5px; } .de-contact { overflow: hidden; } .de-contact .contact-list { overflow: hidden; margin: 25px 0 35px; } .de-contact .contact-list ul li { min-height: 28px; padding-left: 50px; float: left; width: 365px; font-size: 14px; color: #595959; line-height: 30px; padding-top: 8px; margin-bottom: 14px; word-wrap: break-word; } .de-contact .contact-list ul li span { display: block; float: left; color: #999; } .de-contact .contact-list ul li.icon-01 { background: url(../images/contact-icon-01.png) no-repeat left top; } .de-contact .contact-list ul li.icon-02 { background: url(../images/contact-icon-02.png) no-repeat left top; } .de-contact .contact-list ul li.icon-03 { background: url(../images/contact-icon-03.png) no-repeat left top; } .de-contact .contact-list ul li.icon-04 { background: url(../images/contact-icon-04.png) no-repeat left top; } .de-contact .contact-list ul li.icon-05 { background: url(../images/contact-icon-05.png) no-repeat left top; } .de-contact .contact-list ul li.icon-06 { background: url(../images/contact-icon-06.png) no-repeat left top; } .de-contact .contact-map { overflow: hidden; } .de-contact .contact-map #dituContent { width: 100%; height: 475px; } .inner-contact { background: #f7f7f7; width: 260px; margin-top: 18px; } .inner-contact .title { height: 80px; background: url(../images/i-pro-title.jpg) no-repeat center; text-align: center; line-height: 1; overflow: hidden; } .inner-contact .title h3 { margin-top: 20px; font-size: 22px; color: #fff; margin-bottom: 5px; } .inner-contact .title em { font-size: 13px; color: #728dbc; } .inner-contact .contact-box { min-height: 180px; border: 1px solid #ededed; border-top: none; background: #fff; padding: 20px 20px 10px; padding-right: 5px; } .inner-contact .contact-box .contact-item { overflow: hidden; padding-left: 60px; font-size: 14px; color: #595959; line-height: 20px; margin-bottom: 10px; word-wrap: break-word; } .inner-contact .contact-box .contact-item .act { float: left; width: 60px; margin-left: -60px; color: #808080; } .prodect-Info { overflow: hidden; background: #fff; padding-bottom: 5%; } .prodect-Info .info-crumbs { overflow: hidden; height: 54px; line-height: 58px; font-size: 14px; color: #999; padding-left: 28px; background: url(../images/home-icon.png) no-repeat 5px center; } .prodect-Info .info-crumbs a { color: #595959; } .prodect-Info .info-crumbs a:hover { color: #237ed2; text-decoration: underline; } .prodect-Info .info-main { overflow: hidden; background: #fff; padding: 0 0 3%; } /*.prodect-Info .info-main #cppic{ border:1px solid #d9d9d9;}*/ .prodect-Info .info-main #cppic img{ width: 100%;} .prodect-Info .info-main .info-preview { float: left; width: 350px; } .prodect-Info .info-main .info-main-rig { overflow: hidden; } .prodect-Info .info-main .info-main-rig .title { font-size: 2rem; line-height: 4rem; color: #333333; border-bottom: 1px solid #cccccc; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prodect-Info .info-main .info-main-rig #cplb{ padding: 5% 0 0;} .prodect-Info .info-main .info-main-rig #cplb div{ padding: 0 2%;} .prodect-Info .info-main .info-main-rig #cplb li{ border:1px solid #d9d9d9; text-align: center;} .prodect-Info .info-main .info-main-rig #cplb li img{ max-width: 100%; max-height: 110px; display: inline-block;} .prodect-Info .info-main .info-main-rig .price { margin: 3% 0; background: #f6f6f6; line-height: 2.6rem; padding: 3%; color: #666666; font-size: 1.4rem; } .prodect-Info .info-main .info-main-rig .price span { font-size: 14px; color: #808080; font-weight: normal; margin-right: 25px; } .prodect-Info .info-main .info-main-rig .de-list { overflow: hidden; padding: 0 20px; min-height: 150px; max-height: 223px; } .prodect-Info .info-main .info-main-rig .de-list .list-item { overflow: hidden; padding-left: 60px; font-size: 14px; color: #333333; line-height: 20px; word-wrap: break-word; margin-bottom: 10px; } .prodect-Info .info-main .info-main-rig .de-list .list-item .item-title { width: 60px; float: left; margin-left: -60px; color: #808080; } .prodect-Info .info-main .info-main-rig .order-btn { overflow: hidden; padding: 0; } .prodect-Info .info-main .info-main-rig .order-btn .submit { display: block; height: 4rem; line-height: 4rem; text-align: center; background: #e6e6e6; color: #383838; transition:0.3s; font-size: 14px; } .prodect-Info .info-main .info-main-rig .order-btn .submit:hover { background: #333; color: #fff; } #zxzx{ background: #3866ed; height: 4rem; line-height: 4rem; text-align: center; color: #fff;} #zxzx span{ font-size: 1.5rem; font-weight: bold;} .prodect-Info .info-center { overflow: hidden; } .prodect-Info .info-center .infoCenter-left { background: #f7f7f7; } .prodect-Info .info-center .infoCenter-left .pro-sider { float: none; } .prodect-Info .info-center .infoCenter-right { background: #fff; } .prodect-Info .info-center .infoCenter-right .pic img{ width: 100%;} .center-title { font-weight: bold; font-size: 18px; color: #0058b1; line-height: 60px; margin: 3% 0; height: 59px; border-bottom: 1px solid #ededed; } .prodect-Info .info-center .infoCenter-right .center-content { overflow: hidden; padding-bottom: 30px; } .prodect-Info .info-center .infoCenter-right .center-content img { max-width: 100%; } .prodect-Info .info-center .infoCenter-right .center-content table { max-width: 100%; } .prodect-Info .info-center .infoCenter-right .center-content table.contentTab { font-family: '寰蔣闆呴粦'; width: 100%; border-collapse: collapse; table-layout: fixed; margin-bottom: 20px; } .prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th { width: 50%; text-align: center; font-size: 15px; color: #262626; background: #f6f6f6; border: 1px solid #e6e6e6; line-height: 48px; font-weight: bold; } .prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td { line-height: 45px; color: #595959; font-size: 15px; text-align: center; border: 1px solid #e6e6e6; } #MagnifierWrap2 { position: relative; width: 350px; } .MagnifierMain { position: relative; width: 350px; height: 350px; font-size: 0; text-align: center; line-height: 350px; border: 1px solid #e6e6e6; } .MagnifierMain img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .MagnifierDrag { position: absolute; top: 0; left: 0; background-color: #ccc; opacity: 0.4; filter: alpha(opacity=40); cursor: move; } .MagnifierPop { position: absolute; top: 0; overflow: hidden; background: #fff; } .MagnifierImg { position: absolute; top: 0; left: 0; } .spec-items { position: relative; width: 292px; height: 69px; overflow: hidden; padding-top: 20px; margin: 0 auto; } .spec-items ul { width: 500%; position: absolute; top: 20px; left: 0; } .spec-items ul * { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .spec-items li { width: 65px; height: 65px; line-height: 65px; text-align: center; float: left; overflow: hidden; margin-right: 5px; border: 2px solid #fff; font-size: 0; cursor: pointer; } .spec-items li.on { border: 2px solid #268ae7; } .spec-items li img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } span.spe_leftBtn, span.spe_rightBtn { position: absolute; bottom: 0px; display: block; width: 20px; height: 69px; line-height: 69px; text-align: center; font-size: 21px; font-weight: bold; color: #ddd; cursor: default; background-color: #f9f9f9; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } span.on { background-color: #f9f9f9; color: #0058b1; cursor: pointer; } span.spe_leftBtn { left: 0; background: url(../images/cpleft.png) no-repeat center #f7f7f7; } span.spe_leftBtn.on { background: url(../images/cpleft.png) no-repeat center #3866ed; } span.spe_rightBtn { right: 0; background: url(../images/cpright.png) no-repeat center #f7f7f7; } span.spe_rightBtn.on { background: url(../images/cpright.png) no-repeat center #3866ed; } .de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff !important; border-color: #237ed2; background: #237ed2; } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; } /*# sourceMappingURL=./inner.css.map */九游app官网·中国官方网站(官方)下载网站
<acronym id="q4yco"><div id="q4yco"></div></acronym>
<acronym id="q4yco"><center id="q4yco"></center></acronym><sup id="q4yco"></sup>
<acronym id="q4yco"><center id="q4yco"></center></acronym>
9游体育游戏(官方)APP下载|搜狗应用 九游app官网·中国官方网站(官方)下载网站 九游会J9·(china)官方网站-真人体育第一品牌 九游app官网·中国官方网站(官方)下载网站 九游app官网·中国官方网站(官方)下载网站
<acronym id="q4yco"><div id="q4yco"></div></acronym>
<acronym id="q4yco"><center id="q4yco"></center></acronym><sup id="q4yco"></sup>
<acronym id="q4yco"><center id="q4yco"></center></acronym>
九游怎么没有QQ登录了 九游游戏中心网页登录 九游会下载 九游app官网入口 九游会ag8