html,body{height:auto;}
.layui-tab{
    width: 933px !important;
    /* height: 87px !important; */
    background-color: #707070 !important;
    color:#ffffff !important;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #ffffff !important;
    background-color: #1996a8 !important;
    width: 268px; !important;
    height: 42px !important;
    text-align: center;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:1px solid #ffffff;
}
.layui-tab-title{
    height:41px !important;
}
.layui-tab-title li{
    width: 60%;
}
.layui-tab-content .layui-tab-item a{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    color:#ffffff;
    border-right:1px solid #ffffff;
    margin-top:19px;
    padding: 0px 8px 0px 8px;
}
.flex-nav{
    position: relative;
    height: 150px !important;
    margin-top: 53px;
}
.layui-tab{
    position: absolute;
    right:0;
    padding-left: 33px;
}
.ptoduct-detaild-top{
    position: absolute;
    left: -28px;
    top: -14px;
    z-index: 1;
}
.flex-nav-top{
    width:1200px;
    /*height:200px;*/
    margin:0 auto;
}
.navFix{
    position: fixed;top: 0;
    z-index: 1;
}
.navFix>.flex-nav{
    margin-top: 20px;
}

.pro_images {
    position:relative;
    width: 600px;
    height: 720px;
    overflow: hidden;
}
.imgCur {position:relative; overflow:hidden; margin-bottom:10px;width: 600px;
    height: 600px;}
.imgCur img {display:block; position:absolute; left:0; top:0;width: 100%;height:  100%;}
.proImgList {padding:0 25px; position:relative;
    position: absolute;
    bottom: 1px;}
.proImgList .img {margin:0 3px; background-color:#fff; border:1px solid #ddd;}
.proImgList .cur .img {border-color:rgba(25,150,168,1);}
.proImgList .item span {
     display:block; background:no-repeat center center; background-size:cover;
    width: 102px;
    height: 102px;
}
.proImgList .bx-controls-direction a {
    display:block; position:absolute; top:0; height:102px; width:23px; border:1px solid #ddd; overflow:hidden; background-color:#fff; font-size:18px; color:#999; line-height:48px; text-decoration:none; text-align:center;
}
.proImgList .bx-controls-direction a:hover {border-color:rgba(25,150,168,1); background-color:rgba(25,150,168,1); color:#fff;}
.proImgList .bx-controls-direction .disabled {cursor:default;}
.proImgList .bx-controls-direction .disabled:hover {border-color:#ddd; background-color:#fff; color:#999;}
.proImgList .bx-controls-direction .bx-prev {left:0;line-height: 100px;}
.proImgList .bx-controls-direction .bx-next {right:0;line-height: 100px;}
.pro-right{
    position: absolute;
    right:0;
    top:0;
    width:550px;
    height: 600px;
    margin-left: 20px;
}

.line{
    width: 535px;
    height: 15px;
    border-bottom: 1px dotted #000;
    /*margin-left: -20px;*/
}
.rctitle{
    width: 535px;
    font-size:25px;
    color:rgba(25,150,168,1);
    font-weight:bold;
    /*margin-left: 39px;*/
}
.pro-detail-img{
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
    text-align: center;
    margin-top:30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 550px;
}
.pro-detail-img img{
    width: 100%;
}
.post_excerpt{
    font-size:16px;
    color:#666;
    margin-top:15px;
}
.rctitle>span{
    display: block;
}
.rctitle>span>img{
    width: 83px;
    height: 24px;
}
.param-box{
    margin-top:20px;
}
.param{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    /*line-height: 35px;*/
    letter-spacing: 0px;
    color: #000000;
 }
.param>span{
    font-size: 14px;
    font-weight: normal;
    color:#2a2927;
}
.pro-right .pro-tel{
    width: 224px;
    height: 37px;
    position: absolute;
    bottom: 0px;
    left:0px;
    background: url("../images/pro-detail-tel.png") no-repeat;
}
.pro-right .pro-tel>span{
    position: absolute;
    bottom: 0px;
    left:0px;
    font-size: 20px;
    color:#ffffff;
    padding-left: 56px;
}
.pro-dow{
    width: 224px;
    height: 37px;
    position: absolute;
    bottom: -118px;
    right: 0;
    margin-top: 100px;
/* margin-left: -112px;*/
background: url("../images/pro-detail-dow.png") no-repeat;
cursor:pointer;
    
}

.pro-dow>span{
position: absolute;
bottom: 0px;
left:0px;
font-size: 20px;
color:#ffffff;
padding-left: 82px;
}
.content{
height:800px;
border-bottom:1px dotted #2a2927;
}
.pro-dec{
    position: absolute;
    bottom: 0;
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #2A2927;
    line-height: 48px;
}
.quotation{
height:700px;
}
.content-main{
margin: 60px auto;
text-align: center;
overflow: hidden;
}
.content-main img{
max-width: 100%;
}
.quotation-main .title{
text-align: center;
}
.Headline{
font-size: 35px;
font-family: MicrosoftYaHei;
}
.subtitle{
font-family: MicrosoftYaHeiLight;
font-size: 18px;
}
.form{
height: 442px;
background-color: #ffffff;
box-shadow: 3px 4px 14px 1px
rgba(0, 0, 0, 0.25);
margin-top:42px;
position: relative;
}
.form-left{
width: 626px;
/*height: 442px;*/
position: absolute;
top:0;
left:0;
padding: 45px 62px 35px 35px;
}
.form-right{
/*width: 574px;*/
height: 362px;
position: absolute;
top:0;
right:0;
background-color:#707070;
color:#ffffff;
padding: 45px 62px 35px 35px;
}
.form-right .title{
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
border-bottom:1px dotted #fff;
}
.form-left .title{
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 48px;
border-bottom:1px dotted #707070;
}
.form-right>ul,
.form-left>ul{
margin-top: 2rem;
}
.form-left>ul>li{
width: 255px;
height: 31px;
background-color: #ffffff;
box-shadow: 3px 4px 8px 0px
rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: relative;
float: left;
margin-bottom: 17px;
}
.form-left>ul>li:nth-child(2n+2){
margin-left:19px;
}
.form-left>ul>li .label{
width: 128px;
height: 31px;
border-radius: 10px;
text-align: center;
position: absolute;
top:0;
left:0;
}
.form-left>ul>li .select{
width: 128px;
height: 31px;
background-color: #1996a8;
border-radius: 10px;
text-align: center;
position: absolute;
top:0;
right:0;
color:#ffffff;
}
.drop>.drop-button{
width: 128px;
height: 31px;
border-radius: 5px;
border:1px solid #1996a8;
line-height: 15px;
}
.form-right input{
width: 387px;
height: 31px;
background-color: #ffffff;
border-radius: 10px;
margin-bottom: 8px;
border: 0;
margin-left:18px;
}
.form-right textarea{
width: 447px;
height: 70px;
background-color: #ffffff;
border-radius: 10px;
margin-top:12px;
}
.submit{
width: 128px;
height: 31px;
background-color: #1996a8;
box-shadow: 3px 4px 8px 0px
rgba(0, 0, 0, 0.25);
border-radius: 10px;
border:0;
position: absolute;
bottom: 10px;
right:70px;
}
.malltalk{
width: 1200px;
height:50px;
margin-top:20px;
position: relative;
}
.malltalk>span{
display: inline-block;
width: 30px;
height: 33px;
font-family: MicrosoftYaHeiLight;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #000000;
margin-left:22px;
}
.mall-img{
width: 500px;
height: 43px;
position: absolute;
top:0;
left:70px;
}
.malltalk .mall-img>img{

margin-right:12px;
}
.malltalk .right-tel>span{
width: 30px;
height: 33px;
display: inline-block;
font-family: MicrosoftYaHeiLight;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #000000;
}
.malltalk .right-tel{
position: absolute;
top:0;
right:0;
width:260px;
height:50px;
}
.malltalk>.right-tel>.pro-tel{
width: 224px;
height: 37px;
position: absolute;
top: 0px;
right:0px;
background: url("../images/pro-detail-tel.png") no-repeat;
}
.malltalk>.right-tel>.pro-tel>span{
position: absolute;
bottom: 0px;
left:0px;
font-size: 20px;
color:#ffffff;
padding-left: 56px;
}
/*热销产品*/
.hot-product{
    margin-top:40px;
    height: 500px;
    margin-bottom: 150px;
}
.sellwell>h3{
    background: url(../images/hotproduct.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 26px !important;
    text-align: center;
    margin: 49px auto;
}
.product1{
    width: 600px;
    height: 213px;
    position: relative;
    float:left;
    margin-bottom: 31px;
    /*overflow: hidden;*/
}
.fig{
    width: 304px;
    height: 213px;
    /*border:1px solid rgba(170,170,170,1);*/
    /*margin: 39px 18px 23px;*/
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
    text-align: center;
}
.fig:hover{
    box-shadow: 0 15px 20px 0 rgb(0 0 0 / 25%);
}
.fig>img{
    /*width: 297px;*/
    height: 205px;
    /*margin:3px 2px;*/
}
.rightcont{
    width: 236px;
    /* height: 155px; */
    position: absolute;
    right: 36px;
    top: 16px;
}
.rightconttitle{
    font-family: MicrosoftYaHei;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    /* height: 52px; */
}
.rightattributes{
    /*width: 215px;*/
    line-height:15px;
    font-size:15px;
    margin-top:7px;
    transform-origin:left
}
.rightattributes>span{
    font-size:12px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 10px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #666;
    font-size: 10px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #666;
    font-size: 10px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666;
    font-size: 10px;
}