.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 黄色视频。