/*产品中心页面*/
.content_box{
    overflow: visible;
}
.main{
    padding: 4% 0;
}
.pro{
    width: 100%;
}
.pro li{
    width: 31%;
    max-width: 382px;
    margin-right: 2%;
    float: left;
    margin-bottom: 25px;
    position: relative;
}
.pro p.t1{
    position: absolute;
    top:44%;
    color: white;
    z-index: 100;
    display: inline;
    font-size: 18px;
    font-weight: bold;
    left: 5%;
}
.pro li img{
    width: 100%;
    margin: 0 auto;
}
.pro li.no-right{
    margin-right: 0px;
}
/*product1标准光源2级页面*/
/*右侧内容*/
.main-right dl{
    /*max-width:174px; ;*/
    width: 17.4%;
    float: left;
    margin-right: 17px;
    margin-bottom: 23px;
}
.main-right dl dt img{
    width: 100%;
}
.main-right dl.no-margin{
    margin-right: 0px;
}
.main-right dl dt{
    margin-bottom: 10px;
}
.main-right dl dd{
    text-align: center;
    line-height: 150%;
    height: 20px;
}
.main-right dl dd.dd1{
    color: #212121;
}
.main-right dl dd.dd2{
    margin-top: 10px;
    height: 8px;
}
.main-right dl dd.dd2 img{
    display: block;
    margin:auto auto;
}
.main-right dl dd.dd3{
    color:#656565;
    font-size: 12px;
    font-family: "Arial";
}

/*product1-1环形光源3级页面*/
.main-right table.table1{
    width: 100%;
    background: #faf9ef;
    border: 1px solid #d8d8d8;
}
.main-right table.table1 tr{
    border-bottom: 1px solid #d8d8d8;
}
.main-right table.table1 td{
    border-right: 1px solid #d8d8d8;
    text-align: center;
    width: 20%;
    font-size: 12px;
    color: #333333;
    padding: 1.5% 0;
    height:40px;
}
.main-right table.table1 td a{
    text-align: center;
    color: #333333;
}
.main-right table.table1 td a:hover{
    color: #0875CA;
}
.produlli1 {
    color:#0875CA!important;
}
.main-right button.more{
    width: 100px;
    height: 35px;
    border: 1px solid #d6d6d6;
    background: url("../images/more-bg.jpg") repeat-x;
    font-size: 12px;
    color: #777777;
    display: block;
    margin: 20px auto 30px;
}
.main-right button.more img{
    margin-left: 10px;
}
.main-right .introd{
    width: 96%;
    max-width: 937px;
    background: #e8f2fb;
    padding: 15px 20px;
    margin-bottom: 3%;
    overflow:hidden
}
.main-right .introd p{
    color: #434343;
    font-size: 14px;
    line-height: 180%;
}
.main-right .introd button.download{
    background: #00AD0F;
    width: 126px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4%;
    /*float: right;*/
}
.main-right .introd button img{
    margin-right: 10px;
    width: 16px;
    height: 15px;
}
.main-right .tu{
    width: 100%;
}
.main-right .tu .tu1,.tu2{
    width:47%;
    float: left;
    max-width: 455px;
    max-height: 340px;
    overflow: hidden;
}
.main-right .tu .tu2{
    border: 1px solid #dcdcdc;
    float: right;
    display: block;
    box-sizing: border-box;
}
.main-right .tu img{
    width: 100%;
}
.main-right p.title2{
    font-size: 30px;
    color: #333333;
    margin: 0 auto;
    text-align: center;
    padding: 3% 0 0;
}
.main-right img.color-border{
    margin: 0 auto;
    display: block;
    padding:8px 0 2%;
}
.main-right table.table2{
    width: 100%;
    max-width: 950px;
    text-align: center;
    color: #434343;
    font-size: 14px;
    line-height: 150%;
    border: 1px solid #dce3e8;
    margin: 1% 0 100px;
}
.main-right table.table2 td{
    padding: 1.5% 0;
    border: 1px solid #dce3e8;
}
.main-right table.table2 td span{
    font-family: Arial;
}
.main-right table.table2 .t1{
    width: 18.5%;
    background: #E5F1FB;
    color: #0070c4;

}



/*产品中心-定制光源的定制要求页面，require页面*/
table.tab2{
    width: 100%;
}
table.tab2 td{
    padding: .8% 0;
    font-size: 12px;
    color: #434343;
}
table.tab2 td span.red{
    color: #F00000;
    margin-right: 6px;
}

table.tab2 td.title2{
    font-weight: bold;
    color: #0f0f0f;
    padding: 2% 0;
    font-size: 14px;
}

table.tab2 td input{
    border: 1px solid #cfcfcf;
    padding-left: 10px;
}
table.tab2 .td2 input{
    width: 90%;
    max-width: 348px;
}
table.tab2 .td3 input{
    width: 90%;
    max-width: 348px;
    float: right;
}
table.tab2 .td4 input{
    width: 65%;
    max-width:560px;
}
input::-webkit-input-placeholder{
    color: #999999;
    font-size: 12px;
}
input::-moz-placeholder{
    font-size: 12px;
    color:#999999
}
input:-moz-placeholder{
    font-size: 12px;
    color: #999999
}
table.tab2 .td1{
    width: 9%;
}
table.tab2 .text-right{
    text-align: right;
}
table.tab2 .td2{
    width: 36.7%;
}
table.tab2 .td3 {
    width: 36.7%;
}
/*单选框*/
input[type="radio"] {
    margin: 3px 3px 0px 5px;
    display: none;
}
.label1 label {
    padding-left: 24px;
    cursor: pointer;
    background:url("../images/radio3.png") no-repeat left center;
}
.label1 label.checked {
    background:url("../images/radio2.png") no-repeat left center;
}

table.tab2 .td5{
    /*width: 47%;*/
}
table.tab2 .td6{
     width: 100%;
 }
table.tab2 .td5 .li1{
    width: 25%;
    float: left;
    line-height: 180%;
}
table.tab2 .margin-top{
    margin-top: 2%;
    background: #eef0f0;
}
table.tab2  .detail{
    line-height:250%;
    padding: 10px 18px;
    color:#333333 ;
    text-align:justify;
}
/*复选框*/
 input[type="checkbox"] {
    margin: 3px 3px 0px 5px;
    display: none;
}
.label2 label {
    padding-left: 24px;
    cursor: pointer;
    background:url("../images/checkbox1.png") no-repeat left center;
}
.label2 label.checked {
    background:url("../images/checkbox2.png") no-repeat left center;
}
table.tab2 .td6{
    padding-left: 3%;
}
table.tab2 .td7{
    padding-left: 5%;
}
table.tab2 .td6 .li1{
    width: 25%;
    float: left;
    line-height: 180%;
}
table.tab2 td.title2-color{
    color: #4679DB;
    padding-left: 2em;
}
table.tab2 .td7 .li2{
    width: 13.5%;
    float: left;
    line-height: 180%;
}
table.tab2 .td8{
    font-size: 14px;
    padding-left: 3%;
}
table.tab2 .td9{
    font-size: 12px;

}
table.tab2 .td8 input{
    width: 50%;
    margin-left: 1%;
    max-width: 500px;
}
table.tab2 .td9 input{
    width: 72%;
    margin-left: 2%;
    max-width: 455px;
}
table.tab2 .td7 .li3{
     width: 40%;
     float: left;
     line-height: 180%;
 }
table.tab2 input.input-height{
    height: 35px;
    line-height: 35px;
}
table.tab2 .td11 .l2{
    width: 44.5%;
    /*margin-left: 3%;*/
    text-align: right;
}
table.tab2 .td11 .l2 input{
    width: 80%;
    margin-left: 2%;
    max-width: 316px;
}
table.tab2 .td11 .l1{
    width: 50%;
    text-align: right;
}
table.tab2 .td11 .l1 input{
    width: 68%;
    margin-left: 2%;
    max-width: 316px;
}
table.tab2 .td12 input{
    width: 51%;
    margin-left: 2%;
    max-width: 200px;
}
table.tab2 .td12 {

}
table.tab2 .td12 .left1{
    width: 57%;
    text-align: right;
}
table.tab2 .td12 .right1{
    width: 43%;
    text-align: right;
}
table.tab2 .label1 .li4{
    margin-right: 8.7%;
    float: left;
}
table.tab2 .label1 .no-right{
    margin-right: 0px;
}
table.tab2 .label1 .li4 input{
    max-width: 120px;
    margin-left: 15px;
}
table.tab2 .td12{
    color: #656565;
}
table.tab2 button.wen{
    width: 120px;
    height: 36px;
    background: url("../images/btn-bg5.jpg") repeat-x;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 12px;
    color: #686868;
    margin-right: 1.5%;
}
.but4{
    width: 120px;
    height: 40px;
    background: #fba808;
    border-radius: 4px;
    font-size: 18px;
    color: white;
    margin: 4.5% auto 8.5%;
    display: block;
}
/*定制举例页面*/
.example{
    background: #f4f4f4;
    padding: 20px;
    overflow: hidden;
}
.example ul.ul1{
    width: 63%;
}
.example .ul1 li{
    width: 100%;
    float: left;
    padding-bottom:5%;
}
.example .ul1 li p.p5{
    color: #434343;
    font-size: 12px;
    line-height:28px;
    display: block;
}

.example .ul1 li p.p5 img{
    margin-right: 8px;
}
.example .ul1 button{
    width: 76px;
    height: 28px;
    float: left;
    margin-right: 2%;
    color: white;
    font-weight: bold;
    border-radius: 4px;
}
.example .ul1 button.green-bt{
    background: #45Ae00;
}
.example .ul1 button.orange-bt{
    background: #ee9803;
}
.example .ul1 button.blue1-bt{
    background: #1891de;
}
.example .ul1 button.blue2-bt{
    background: #00abea;
}
.example .pic img{
    display: block;
    margin: auto;
    margin: 20px 60px 0 0;
}
.p-titile h4{
    font-size: 14px;
    color: #1B1B1B;
    padding: 3% 0;
}
.p-titile table.tab5{
    width: 66%;
    margin: 0 auto;
    border: 1px solid #dfdfdf;
}
.p-titile table.tab5 td{
    border: 1px solid #dfdfdf;
    padding: 2.5% 0;
}
.p-titile table.tab5 .t1{
    background: #f4f4f4;
    width: 16.5%;
    text-align: center;
    color: #656565;
    font-weight: bold;
}
.p-titile table.tab5 .t2{
    color:#333333 ;
    font-size: 12px;
    padding-left: 8%;
    line-height: 200%;
}
.img-tu{
    width: 100%;
}
.img-tu li{
    max-width: 465px;
    float: left;
    margin-right: 1.3%;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
}
.img-tu li img{
    width: 100%;
}
.img-tu li .no-right{
    margin-right: 0px;
}
.example .ul1 button.green-bt2{
    background:#02b894;
    width: 122px;
}
.padding{
    padding-bottom: 6%;
}
@media (max-width:480px){
    .pro li{
        width: 100%;
        margin-right: 0%;
        float: none;
        margin-bottom: 15px;
    }
    .pro p.t1{
        font-size: 16px;
    }
    .main-right dl{
        width: 100%;
    }
    .main-right dl dt img{
        width: 100%;
    }
    table.tab2 td{
        font-size: 10px;
    }
}