.fixed-banner { overflow: hidden; text-align: center; height: 378px; } .crumb-title{ height: 72px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; border-bottom:1px solid #e7e7e7; } .crumb-title>h3{ float:left; font-size: 26px; color: #3a3a3a; } .crumb-title>h3 span{ font-size: 14px; color: #c5c5c5; } .crumb-title>.crumbs{ float:right; font-size: 14px; line-height: 40px; color: #c0c2c1; } .crumb-title>.crumbs a{ font-size: 14px; color: #c0c2c1; -webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease; -ms-transition: 350ms 0s all ease; -o-transition: 350ms 0s all ease; transition: 350ms 0s all ease; } .crumb-title>.crumbs a:hover{ color: #128d8a; } /*zcompany*/ .zcomcont{ background: #f4f4f4; margin-bottom: 40px; } .zcomcont>img{ float:left; width: 600px; } .zcomcont>div{ width: 600px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:53px 64px; } .zcomcont>div h4{ font-size: 38px; font-family:'dinrp'; color: #212121; font-weight: bold; } .zcomcont>div small{ font-size: 14px; color: #8f8f8f; text-transform: uppercase; font-weight: lighter; } .zcomcont>div b{ width: 21px; height: 5px; margin-top: 17px; margin-bottom: 15px; background: #128d8a; display: block; } .zcomcont>div h3{ font-size: 34px; color: #302f2f; font-weight: bold; margin-bottom: 28px; } .zcomcont>div h3 span{ font-weight: normal; } .zcomcont>div p{ font-weight: lighter; line-height: 32px; color: #686868; font-size: 16px; } .zcomcont02 p{ font-size: 14px; color: #898989; line-height: 26px; text-indent: 30px; } .zcomcont02>span{ text-indent: 30px; } .zcomcont02 p:first-of-type{ text-indent: 0; } #contact_01{width: 1200px;padding:35px; margin:0 auto; -webkit-box-sizing: border-box; margin-top: 35px; margin-bottom: 35px; background: #f9f9f9; -moz-box-sizing: border-box; box-sizing: border-box;} #lxwm_01{border:1px solid #d5d2d2; margin:0 auto;position: relative;margin-bottom: 30px;} #lxwm_01_l{width: 530px;float: left;} #lxwm_01_l ul{padding:50px;} #lxwm_01_l li{height: 42px; line-height: 42px; font-size: 16px;color: #666666;position: relative;} #lxwm_01_l .lxwm_icon{width: 23px; height: 23px; text-align: center;line-height: 35px;position: absolute;left: 0;top:9px;} #lxwm_01_l li span{padding-left:40px; } #lxwm_01_m{width: 300px;float: left;padding:50px 0;border-left: 1px solid #d5d2d2;border-right: 1px solid #d5d2d2;text-align: center;color: #666666;line-height: 24px;font-size: 16px;} #lxwm_01_m img{width: 127px;margin:0 auto;} #lxwm_01_r{width: 296px;padding:32px 0;float: right;text-align: center;color: #666666;line-height: 24px;font-size: 16px;} #lxwm_01_r>img{margin:0 auto;width: 110px;} #lxwm_01_r a{font-size: 20px;color: #515151;font-weight: bold;line-height: 60px;display: inline-block;} #lxwm_02 li{width: 48%;height: 77px;float: left; padding:20px 0 20px 160px;margin-right: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border:1px solid #d5d2d2;line-height: 38px;text-align: center;font-size: 18px;color: #666666;position: relative;} #lxwm_02 li:nth-child(even){margin-right: 0;} #lxwm_02 li .lxwm_ico{width: 155px;height: 119px;position: absolute;left: 0;top:0;background: #128d8a;line-height: 30px;color: #030304;font-size: 18px;text-align: center;} #lxwm_02 li .lxwm_ico img{margin:0 auto;margin-top: 16px;} #lxwm_02 li span{font-weight: bold;font-size: 36px;color: #333333;} #contact_02{margin:50px auto;background: #f9f9f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contact_02_tit{width: 100%;height: 50px;line-height: 50px;background: #eeeeee;margin:0 auto;color: #666666;font-size: 14px;} .contact_02_tit span{display: inline-block;margin-right: 10px; background: #128d8a;color: #fff;font-size: 22px;padding:0 30px;} #contact_02_form{width: 100%;margin:30px auto 0;} #contact_02_form .form01 { float:left;width:550px;} #contact_02_form .form02 { float:right;width:560px} #contact_02_form .form02 textarea{ width:100%; height: 201px; margin-bottom: 21px; padding:13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d5d5d5; } #contact_02_form .form01 .line1{width: 489px;height: 48px;line-height: 48px;padding:0 46px 0 13px;margin-bottom:25px;color: #666;font-size: 14px;} #contact_02_form .form01 input{border:1px solid #d5d5d5;font-size: 14px;font-family: "氓戮廬貓陸爐茅鈥衡γ┞燴?;} #contact_02_form .form01 .name{background: #fff;} #contact_02_form .form01 .phone{background: #fff;} #contact_02_form .form01 .email{margin-right: 0;background: #fff;margin-right: 0;} #contact_02_form .form01 .add{margin-right: 0;background: #fff;margin-right: 0;} #contact_02_form .form01 textarea{width: 1139px;border: 1px solid #d5d5d5;color: #666;font-size: 14px;padding: 10px 46px 10px 13px;height: 149px;font-size: 14px;font-family: "氓戮廬貓陸爐茅鈥衡γ┞燴?;line-height: 1.5;margin-bottom: 20px;background: #fff url(../Image/i_form_ico4.png) no-repeat right top;} #contact_02_form .form02{margin:0 auto;} #contact_02_form .form02 input,#contact_02_form .form02 .submit {width: 265px; height: 46px; float:right;border: 0; transition:all 0.4s; font-size: 16px;font-family: "氓戮廬貓陸爐茅鈥衡γ┞燴?; line-height: 46px; color: #fff; text-align: center; cursor: pointer;} #contact_02_form .form02 .submit span{line-height: 46px; } #contact_02_form .form02 .submit{background: #128d8a;color: #fff;} #contact_02_form .form02 input.resest{background: #030304;margin-right: 30px;} #contact_02_form .form02 input:hover {background: #222;} #contact_02_form .code{border: 1px solid #d5d5d5} #contact_02_form .code input{float:left;line-height: 50px;padding-left:13px; width:375px;border:none;} #contact_02_form .code .verify{float:right; height: 50px; } #contact_02_form .code .verify img{ height: 100%; } #contact_03{width: 1400px;height: 632px; margin:0 auto;margin-bottom: 40px;position: relative;} .contact_03_l{width:340px;height: 532px;background: rgba(0,0,0,.85);padding: 50px 35px;color: rgba(255,255,255,.6);position: absolute;left: 0;top:0;z-index: 1;} .contact_03_l h1{font-size: 24px;font-weight: bold;color: #fff;} .contact_03_l p{font-size: 14px;line-height: 30px;padding:40px 0;} .contact_03_l .contact_03_tel{min-width:58px;height: 64px;padding-left: 65px; background: url(../Image/contact_03_tel.png) left center no-repeat;line-height: 32px;font-size: 16px;} .contact_03_l .contact_03_tel span{font-size: 30px;font-weight: bold;color: #fff;} .contact_03_l .contact_03_ewm{margin-top: 40px;} .contact_03_l .contact_03_ewm img{width: 150px;height: 150px;float: left;} .contact_03_l .contact_03_ewm p{width: 150px;float: right;line-height: 30px;font-size: 16px;} .prother ul li{ float:left; width: 32%; margin-right: 2%; } .prother ul li:nth-of-type(3n){ margin-right: 0; } .prother ul li a .img_jz{ height: 250px; } .prother ul li a p{ background: #fff; } .prother ul li a .img_jz img{ max-width: 100%; max-height: 100%; } .de-product-list ul li a p{ text-align: center; background: #fff; line-height: 52px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; color: #4e4e4e; -webkit-transition: 350ms 0s all ease; -moz-transition: 350ms 0s all ease; -ms-transition: 350ms 0s all ease; -o-transition: 350ms 0s all ease; transition: 350ms 0s all ease; } .de-product-list ul li a:hover p{ background: #128d8a; color: #fff; background: -moz-linear-gradient(0deg, #128d8a, #1aa5a0); background: -webkit-linear-gradient(0deg,#128d8a,#1aa5a0); background: -o-linear-gradient(0deg, #128d8a, #1aa5a0); } .common-inner { padding: 28px 0 48px; min-height: 500px; } .common-inner .inner-left { float: left; width: 260px; } .common-inner .inner-left .pro-sider { float: none; } .common-inner .inner-right { float: right; width: 870px; background: #fff; min-height: 800px; padding: 0 25px; } .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: #128d8a; font-weight: bold; } .common-inner .inner-right .search-result .search-record { float: right; } .common-inner .inner-right .search-list, .common-inner .inner-right .de-product-list { overflow: hidden; min-height: 622px; } .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, .common-inner .inner-right .de-product-list ul li { border: 2px solid #fff; float: left; width: 270px; margin: 0 12px 25px; } .common-inner .inner-right .search-list ul li a, .common-inner .inner-right .de-product-list ul li a { display: block; } .common-inner .inner-right .search-list ul li .img_jz, .common-inner .inner-right .de-product-list ul li .img_jz { width: 268px; height: 200px; background: #e6e6e6; font-size: 0; line-height: 200px; text-align: center; border: 1px solid #e6e6e6; overflow: hidden; } .common-inner .inner-right .search-list ul li .img_jz img, .common-inner .inner-right .de-product-list ul li .img_jz img { display: inline-block; vertical-align: middle; max-width:100%; max-height: initial; transition: all 0.5s; } .common-inner .inner-right .search-list ul li .title, .common-inner .inner-right .de-product-list ul li .title { font-size: 14px; padding: 0 18px; height: 80px; border: 1px solid #e6e6e6; border-top: none; } .common-inner .inner-right .search-list ul li .title h3, .common-inner .inner-right .de-product-list ul li .title h3 { color: #595959; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common-inner .inner-right .search-list ul li .title em, .common-inner .inner-right .de-product-list ul li .title em { font-weight: bold; display: block; color: #ff8111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common-inner .inner-right .search-list ul li:hover .title, .common-inner .inner-right .de-product-list ul li:hover .title { border-color: #fff; } .common-inner .inner-right .search-list ul li:hover .img img, .common-inner .inner-right .de-product-list ul li:hover .img img { transform: scale(1.1); } .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; } .common-inner .inner-right .de-news-list { overflow: hidden; min-height: 644px; padding: 5px; } .common-inner .inner-right .de-news-list ul li { padding: 20px 15px; overflow: hidden; border-bottom: 1px solid #ededed; } .common-inner .inner-right .de-news-list ul li a { display: block; } .common-inner .inner-right .de-news-list ul li .img { float: left; width: 175px; height: 120px; text-align: center; line-height: 120px; font-size: 0; position: relative; overflow: hidden; } .common-inner .inner-right .de-news-list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .common-inner .inner-right .de-news-list ul li .box { float: right; width: 640px; font-size: 14px; } .common-inner .inner-right .de-news-list ul li .box h4 { color: #323232; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .common-inner .inner-right .de-news-list ul li .box p { color: #595959; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 25px; } .common-inner .inner-right .de-news-list ul li .box .time { color: #999999; line-height: 1.1; } .common-inner .inner-right .de-news-list ul li .box .time span { display: block; float: right; font-size: 14px; color: #9f9f9f; } .common-inner .inner-right .de-news-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .common-inner .inner-right .de-news-list ul li:hover .time span { color: #128d8a; } .common-inner .inner-right .news-detail-content { padding: 0 18px; } .common-inner .inner-right .news-detail-content .news-detail-title { padding-bottom: 15px; border-bottom: 1px dashed #ededed; text-align: center; margin-bottom: 15px; } .common-inner .inner-right .news-detail-content .news-detail-title .h3 { font-size: 18px; color: #323232; line-height: 24px; font-weight: bold; margin: 25px 0 10px; } .common-inner .inner-right .news-detail-content .news-detail-title .b { font-size: 13px; color: #999999; line-height: 20px; } .common-inner .inner-right .news-detail-content .news-detail { padding: 0 12px 30px; } .common-inner .inner-right .news-detail-content .news-detail p { font-size: 14px; color: #595959; line-height: 24px; } .common-inner .inner-right .news-detail-content .news-detail img { max-width: 100%; margin: 0 auto; } .newsPage { padding: 10px 12px; font-size: 16px; color: #323232; line-height: 30px; margin: 15px 0 30px; background: #fff; } .newsPage a { color: #323232; } .newsPage a:hover { color: #069545; } .page-a{ border-bottom: 1px solid #ddd; line-height: 45px; } .common-inner .inner-right .de-honor-list { overflow: hidden; margin: 0 auto; margin-top: 24px; padding-top: 6px; min-height: 556px; } .common-inner .inner-right .de-honor-list ul { margin: 0 -5px; } .common-inner .inner-right .de-honor-list ul li { float: left; margin: 0 10px 30px; overflow: hidden; width: 270px; background: #f6f6f6; } .common-inner .inner-right .de-honor-list ul li a { display: block; } .common-inner .inner-right .de-honor-list ul li .img { width: 270px; height: 200px; text-align: center; line-height: 200px; font-size: 0; overflow: hidden; } .common-inner .inner-right .de-honor-list ul li .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; transition: all 0.5s; } .common-inner .inner-right .de-honor-list ul li .title { text-align: center; height: 48px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 48px; font-size: 14px; color: #595959; } .common-inner .inner-right .de-honor-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .common-inner .inner-right .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: #128d8a; 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: #128d8a; 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: #128d8a; 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: #128d8a; font-size: 14px; } .common-inner .inner-right .jobs-info .btn a:hover { background: #128d8a; } .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: #128d8a; color: #fff; font-size: 15px; } .common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover { background: #128d8a; } .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; } .common-inner .inner-right .de-message .mes-form { overflow: hidden; } .common-inner .inner-right .de-message .mes-form .form-tr { overflow: hidden; } .common-inner .inner-right .de-message .mes-form .form-tr input { display: block; width: 658px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6; } .common-inner .inner-right .de-message .mes-form .form-tr textarea { display: block; width: 658px; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6; } .common-inner .inner-right .de-message .mes-form .form-tr .code { overflow: hidden; } .common-inner .inner-right .de-message .mes-form .form-tr .code input { width: 188px; float: left; } .common-inner .inner-right .de-message .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; } .common-inner .inner-right .de-message .mes-form .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .common-inner .inner-right .de-message .mes-form .form-tr .submit { margin-top: 15px; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #128d8a; color: #fff; font-size: 15px; } .common-inner .inner-right .de-message .mes-form .form-tr .submit:hover { background: #128d8a; } .common-inner .inner-right .de-message .mes-form .form-tr .error { height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px; } .common-inner .inner-right .de-contact { overflow: hidden; } .common-inner .inner-right .de-contact .contact-list { overflow: hidden; margin: 25px 0 35px; } .common-inner .inner-right .de-contact .contact-list ul li { min-height: 28px; padding-left: 50px; float: left; width: 365px; font-size: 14px; color: #595959; line-height: 20px; padding-top: 8px; margin-bottom: 14px; word-wrap: break-word; } .common-inner .inner-right .de-contact .contact-list ul li span { display: block; float: left; color: #999; } .common-inner .inner-right .de-contact .contact-list ul li.icon-01 { background: url(../images/contact-icon-01.png) no-repeat left top; } .common-inner .inner-right .de-contact .contact-list ul li.icon-02 { background: url(../images/contact-icon-02.png) no-repeat left top; } .common-inner .inner-right .de-contact .contact-list ul li.icon-03 { background: url(../images/contact-icon-03.png) no-repeat left top; } .common-inner .inner-right .de-contact .contact-list ul li.icon-04 { background: url(../images/contact-icon-04.png) no-repeat left top; } .common-inner .inner-right .de-contact .contact-list ul li.icon-05 { background: url(../images/contact-icon-05.png) no-repeat left top; } .common-inner .inner-right .de-contact .contact-list ul li.icon-06 { background: url(../images/contact-icon-06.png) no-repeat left top; } .contact-map { overflow: hidden; } .contact-map #dituContent { width: 100%; height: 475px; margin: 0 auto 30px; } .inner-contact { 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: #f5f5f5; min-height: 500px; padding-bottom: 48px; } .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: #128d8a; text-decoration: underline; } .prodect-Info .info-main { overflow: hidden; margin-top: 60px; margin-bottom: 54px; } .prodect-Info .info-main .info-preview { float: left; width: 350px; } .zpro_left{ float:left; border:1px solid #ddd; width: 585px; height: 465px; } .zpro_swiper{ height: 86px; position: relative; width: 459px; margin-left:auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .zpro_swiper .swiper-container{ width: 100%; } .zpro_swiper .swiper-container .swiper-slide{ cursor: pointer; } .zpro_swiper .gallery-thumbs .swiper-slide{ background-size:cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .zpro_swiper .gallery-thumbs .swiper-slide img{ max-width: 100%; max-height: 100%; margin:0 auto; } .zpro_swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #128d8a; } .zpro_swiper .swiper-button-disabled{ opacity: 1; background: #cfcfcf!important; } .zpro_swiper .swiper-button-next:after,.zpro_swiper .swiper-button-prev:after{ font-size: 19px; } .zpro_swiper .swiper-button-next{ right:-48px;} .zpro_swiper .swiper-button-prev{ left:-48px; } .zpro_swiper .swiper-button-next, .zpro_swiper .swiper-button-prev{ background: #128d8a; top:0; margin-top: 0; height: 100%; width: 40px; } .zpro_left .swiper-container,.zpro_swiper .swiper-container{ height: 100%; } .zpro_left .swiper-slide{ height: 100%; background-color:#fff; background-repeat: no-repeat; background-position: center; } .zpro_left img{ display: block; width: 100%; height: 100%; object-fit: contain; } .info-main-rig { float: right; width: 557px; overflow: hidden; } .prodect-Info .info-main .info-main-rig .title { font-size: 20px; line-height: 30px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 18px 0; } .prodect-Info .info-main .info-main-rig .price { height: 65px; background: #f6f6f6; line-height: 65px; padding: 0 20px; color: #ff8111; font-size: 22px; font-weight: bold; margin-bottom: 25px; } .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 10px; } .prodect-Info .info-main .info-main-rig .order-btn .submit { display: block; width: 155px; height: 44px; line-height: 44px; text-align: center; background: #128d8a; color: #fff; font-size: 14px; } .prodect-Info .info-main .info-main-rig .order-btn .submit:hover { background: #128d8a; } .prodect-Info .info-center { overflow: hidden; } .prodect-Info .info-center .infoCenter-left { float: left; width: 260px; } .prodect-Info .info-center .infoCenter-left .pro-sider { float: none; } .prodect-Info .info-center .infoCenter-right { float: right; width: 870px; background: #fff; padding: 0 25px; min-height: 800px; } .center-title{ font-weight: bold; font-size: 18px; line-height: 48px; margin-bottom: 20px; background: #e5e5e5; height: 48px; } .center-title span{ height: 48px; display: inline-block; padding: 0 22px; line-height: 48px; background: #128d8a; color: #fff; } .center-content strong{ font-weight: bold; font-size: 18px; line-height: 48px; display: block; margin-bottom: 20px; background: #e5e5e5 url("../images/zline.png") no-repeat left center; height: 49px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:36px; } .send-form{ background: #fff; padding: 35px; margin-bottom: 35px; } .form-left{ width: 560px; float: left; } .order-line{ border: 1px solid #e5e5e5; height: 55px; width:560px; margin-bottom: 20px; } .order-line lable{ float: left; display: block; width: 133px; text-align: center; border-right:1px solid #e5e5e5; line-height: 57px; color: #a6a6a6; font-size: 16px; } .order-line h3{ width: 135px; text-align: center; color: #a6a6a6; font-size: 16px; border-right: 1px solid #e5e5e5; font-weight: 100; float: left; line-height: 55px; } .order-line #verifyImg{ height: 55px; float:right; } .order-line input,.order-zhi{ width: 370px; display: block; float: left; height: 55px; background: #fff; line-height: 55px; color: #484848; font-size: 16px; text-indent: 27px; } .order-line:nth-child(1){ background: url("../images/p1.png") no-repeat center right 25px; } .order-line:nth-child(2){ background: url("../images/p2.png") no-repeat center right 25px; } .order-line:nth-child(3){ background: url("../images/p3.png") no-repeat center right 25px; } .order-line:nth-child(4){ background: url("../images/p4.png") no-repeat center right 25px; } .form-right{ width: 547px; float: right; } .form-right .order-line textarea{ height: 100%; width:502px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px; font-size: 16px; color: #a6a6a6; } .form-right .order-line textarea::placeholder{ font-size: 16px; color: #a6a6a6; } .center-content { padding-bottom: 30px; } .center-content p{ font-size: 14px; color: #7d7d7d; } .center-content table{ width:100%; border-collapse: collapse; } .center-content table tr td{ border:1px solid #ddd; padding:5px 8px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-right .order-line{ height: 209px; background: url(../images/p5.png) no-repeat 510px 18px; } .send-form .go-sub{ width:158px; margin:0 auto; height: 48px; } .send-form .go-sub span{ line-height: 48px; top:0; } .ztitle{ color: #3a3a3a; font-size: 24px; font-weight: bold; height: 50px; background: url(../images/line02.png) no-repeat center bottom; } .z_tel02{ background: url(../images/tel03.png) no-repeat left center; padding-left: 62px; width: 170px; float: right; } .z_tel02 h4{ color: #128d8a; font-size: 32px; line-height: 32px; font-family: 'dinrp'; font-weight: normal; } .z_tel02 p { color: #b5b5b5; font-size: 14px; } .info-main-rig .case_btn{ margin-left:0; margin-right: 0; } .info-main-rig .case_btn a{ margin:0; float:left; } .info-main-rig>small{ color: #8e8e8e; font-size: 14px; line-height: 24px; height: 173px; display: block; padding-top: 22px; } .formcontent1{ border: 1px solid #e5e5e5; height: 55px; width:560px; margin-bottom: 17px; margin-top: 17px; } .formcontent textarea{ display: block; width: 100%; height: 203px; border: 1px solid #e5e5e5; color: #a6a6a6; font-size: 16px; line-height: 55px; text-indent: 30px; background: url("../images/p5.png") no-repeat top 12px right 25px;; } .formcontent1 h3{ width: 135px; text-align: center; color: #a6a6a6; font-size: 16px; border-right: 1px solid #e5e5e5; font-weight: 100; float: left; line-height: 55px; } .formcontent1 input{ width: 247px; display: block; float: left; height: 55px; background: #fff; line-height: 55px; color: #484848; font-size: 16px; text-indent: 27px; } .formcontent1 .verify{ float: right; width: 177px; } input:-webkit-autofill { box-shadow: 0 0 0 1000px #fff inset; } .form-sub{ width: 370px; margin: 0 auto; height: 50px; padding-top: 19px; } .form-sub #submit{ width:170px; height: 50px; line-height: 50px; text-align: center; background: #138b89; color: #fff; font-size: 18px; float: left; border-radius: 30px; } .form-sub a{ display: block; width:170px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #e5e5e5; color: #8b8b8b; font-size: 18px; float: left; border-radius: 30px; margin-left: 20px; } .form-sub a:hover{ background: #138b89; color: #fff; } .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: #128d8a; cursor: pointer; } span.spe_leftBtn { left: 0; background: url(../images/p-detail-left.png) no-repeat center; } span.spe_leftBtn.on { background: url(../images/p-detail-left-active.png) no-repeat center; } span.spe_rightBtn { right: 0; background: url(../images/p-detail-right.png) no-repeat center; } span.spe_rightBtn.on { background: url(../images/p-detail-right-active.png) no-repeat center; } .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; border-color: #128d8a; background: #128d8a; } .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 */ 欧美精品另类天天更新,欧美精品乱码久久久久久,欧美精品乱人伦A片,欧美精品乱人伦久久久久,欧美精品乱人伦久久久久久,狼友看视频的网站,狼友视频官方网址在线观看,狼友视频国产精品第二页,狼友视频禁止未18岁,狼友视频免费观看,狼友视频在线免费看,狼友视频在线网址坊,狼友视频在线永久入口,狼友网精品视频在线观看,狼友网站在线观看,毛片网站来个毛片网站,毛片网站免费观看,毛片网站免费在线观看,毛片网站在线观看,毛片网址在线观看,欧美婬片A片免费播放,欧美婬片A在线观看视频,欧美滛色一级网站,欧美樱花视频,欧美影视午夜看片免费,a毛片免费全部播放视频,a毛片免费全部播放无风险,a毛片免费在线观看,wwwsex视频,wwwwuye,wwwww 黄色视频。