@CHARSET "UTF-8";
table{
	 word-break:break-all;
	font-size:14px;
	font-family:Arial;
}
/**/


.reletetag {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.reletitle {
    float: left;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}
.prolisttagsingle {
    float: left;
    margin: 10px;
    color: #fff;
    font-size: 14px;
    background: #959393;
    padding: 5px;
}
.hotkeyk{
	float:left;
width:100%;
color:#666666;
font-size:16px;
margin-top:30px;
}



.r-p-name {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #4D7833;
}

.r-product-k {
    float: left;
    width: 100%;
    border-top: 1px dashed #8c8584;
    margin-top: 2%;
}

.r-p-imgmain {
    float: left;
    width: 100%;
    margin-top:3%;
}

.r-p-imgmain-left {
    float: left;
    width: 42%;
}

.imgmain-aimg {
    float: left;
    width: 100%;
position: relative;
border: 1px solid #c9c7c6;
}

.suo-img-k {
    float: left;
    width: 106%;
  margin-top:3%;
}
.suoimg-ik{float:left;width:25%;}
.suoimg-ik img {
    float: left;
    width: 75%;
    border: 1px solid #c9c7c6;
    cursor: pointer;
    border-radius:10px;
}

.r-p-imgk {
    float: left;
    margin-left: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 96%;
    position: relative;
}

.imgmain-aimg img {
    float: left;
    width: 100%;
}
.imgmain-aimg .info {
    background: url('../images/link21.png') no-repeat center;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 48%;
    opacity: 0;
    transform: scale(0,0);
    z-index: 97;
    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.imgmain-aimg:hover .r-pp-sj{opacity: 1;}
.imgmain-aimg:hover .info {
    opacity: 1;
    transform: scale(1,1);
    transition-delay: 0.3s;
}
.r-pp-sj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    background: rgba(0,0,0,0.4);
}
.imgmain-suopick {
    float: left;
    width: 100%;
    
}
.suo-k{float:left;width:99.5%;border: 1px solid #e0e1e1;margin-top:5%;cursor: pointer;}
.imgmain-suopick img {
    float: left;
    width: 86%;
    margin-left:7%;
    
}
.r-p-imgmain-right {
    float: left;
    width: 36%;
   margin-left:8%;
}

.video-img-vk{float:left;width:100%;position: relative;border-radius:10px;}
.video-img-vk:hover:before{
	border: 4px solid #E60012;
}
.video-img-vk:hover:after{
	border-color: transparent transparent transparent #E60012;
}
.video-img-vk:before {
    content: '';
    border: 4px solid #fff;
    width: 155px;
    height: 155px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    border-radius: 50%;
    cursor: pointer;
    margin: auto;
    z-index: 2;
}

.video-img-vk:after {
    content: '';
    border-width: 28px 38px;
    border-color: transparent transparent transparent #fff;
    margin: auto;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: 50px;
    right: 0;
    top: 0px;
    bottom: 0;
    border-style: solid;
    cursor: pointer;
    margin: auto;
    z-index: 3;
}

.video-img-vk img{float:left;}
.r-p-conusk {
    float: right;
    width: 50%;
    margin-top: 4%;
}
.r-conustitle {
    float: left;
    width: 100%;
    background: #4D7833;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.r-conustitle:hover{
	background:#ff6600;
	color:#fff;
}
.r-context {
    float: left;
    color: #231815;
    font-size: 15px;

    line-height:25px;
}
.desc {
    float: left;
    width: 100%;
    border: 1px solid #e0e1e1;
    margin-top: 4%;
    border-radius:12px;
}
.desc-tagk {
    float: left;
    width: 100%;
    margin-top: 7px;
    font-size: 17px;
    color: #fff;
}
.desc-tag-desc {
    float: left;
    width: calc(25% - 1px);
    text-align: center;
    background: #4D7833;
    height: 40px;
    line-height: 40px;
border-right: 1px solid #fff;
cursor: pointer;
transition: all 0.6s ease 0s;
}
.desc-tag-cust {
    float: left;
    width: calc(25% - 1px);
    text-align: center;
    background: #696566;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #fff;
cursor: pointer;
transition: all 0.6s ease 0s;
}


.desc-main {
    float: left;
    width: 96%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}
#id-cust {
    display: none;
}
#id-appli {
    display: none;
}
#id-down {
    display: none;
}
.product-contactus {
	float:left;
    margin-top: 4%;
    border: 1px solid #e0e1e1;
   border-radius:12px;
}
.product-contactus-title {
    float: left;
    width: 100%;
    height: 45px;
background:#F2F3F4;
margin-top:10px;
}
.product-contactus-title-text {
    float: left;
    width: 23%;
    height: 45px;
    background: #4D7833;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
}

.product-contactus-title-text2 {
    float: left;
    width: 60%;
    margin-left: 3%;
    height: 45px;
    line-height: 45px;
    color: #000;
    font-size: 14px;
    width: 73%;

}
.product-contactus-main{float:left;width:100%;}
.product-contactus-title-text3 {
    float: left;
    width: 80%;
    margin-left: 0%;
    color: #828282;
    font-size: 14px;
    display: none;
}
.product-contactus-in {
    float: left;
    width: 46%;
    margin-left: 2%;
    position: relative;
    margin-top: 0%;
}
.clname, .clcountry, .clcompany, .clemail, .cltel {
    margin-top: 4.5%;
    float: left;
    border: 1px solid #e0e1e1;
    width: 97.5%;
    height: 45px;
    padding-left: 2%;
    color: #000;
    font-size: 14px;
    line-height: 5px;
    outline: none;
}
.ycc:focus{
	border: 1px solid #4D7833 !important;
}
.fdarea:focus{border: 1px solid #4D7833 !important;}
.ycc:focus + .downkub{
	opacity: 1;
    top:60px;
}

.downkub {
    background: #4D7833;
    width: 98%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 50;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 2%;
    transition: all 0.8s ease 0s;
    opacity: 0;
}
.clcontent {
    margin-top: 2.5%;
    float: left;
    border: 1px solid #d9d3d1;
    width: 94.7%;
    height: 70px;
    padding-left: 1%;
    color: #000;
    font-size: 14px;
    font-family: arial;
    margin-left: 2%;
    outline: none;
}
.skypk {
    float: left;
    width: 48.2%;
    margin-left: 3.5%;
    margin-top: 3.5%;
}
.skypico {
    float: left;
    width: 31px;
    height: 30px;
    background:none;
}
.skype {
    float: left;
    color: #666666;
    font-size: 15px;
    margin-top: 1.5%;
    margin-left: 3%;
}

.product-contactus-bottom {
	float: left;
    width: 100%;
    margin-bottom: 3%;
}
.product-contactus-c_btn {
    width: 230px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3%;
}
.clcode {
    float: left;
    border: 1px solid #cdc9c7;
    width: 90px;
    height: 32px;
    padding-left: 2%;
    color: #000;
    font-size: 14px;
  outline:none;
}
.code {
    float: left;
    margin-left: 20px;
}
.send {
    margin-top: 20px;
    float: left;
    width: 100px;
    height: 35px;
    color: #000;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #cdc9c7;
    transition: all 0.6s ease 0s;
}
.send:hover {
    border: 1px solid #4D7833;
    background: #4D7833;
    color: #fff;
}

.refill {
    margin-bottom: 10%;
    margin-top: 20px;
    margin-left: 18px;
    float: left;
    width: 98px;
    height: 33px;
    border: 1px solid #cdc9c7;
    color: #000;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.relatproduct {
    float: left;
    width: 100%;
    margin-top: 4%;
}
.relatproduct-titlek {
    float: left;
    width: 100%;
}
.repro-title {
    float: left;
    width: 22%;
    background: #4D7833;
    font-size: 17px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.re-product-allpk {
    float: left;
    width: 103.8%;
    margin-left: -3%;
}
.re-product-single-k {
    float: left;
    width: 21.8%;
    margin-left: 3%;
    margin-top: 3%;
}
.re-product-aimg {
    float: left;
    width: 100%;
    border: 1px solid #d9d3d1;
    overflow: hidden;
   border-radius:12px;
}
.re-product-aimg img {
    float: left;
    width: 100%;
}
.re-p-name {
    float: left;
    margin-top: 5%;
    color: #666666;
    font-size: 15px;
}

#main_pro{padding-bottom:10px;}

@media screen and (max-width: 1060px){
.right {
    margin-top: 0;
}
}
@media screen and (max-width: 800px){
	.product-contactus-title-text{
	font-size: 14px;
	}
  .product-contactus-title-text2{font-size:12px;}
}

@media screen and (max-width: 660px){
	.downkub {
    width: 98%;
	}
.r-p-conusk {
	float: left;
    width: 100%;
}
.suo-img-k {
    width: 100%;
}
.clcontent {
    width: 94.2%;

}
.r-p-imgmain-left {
    width: 100%;
}
.imgmain-aimg{
	width:99.7%;
}


.r-p-imgmain-right{width:100%;margin-top:3%!important;margin-left: 0;}
.suo-k{width:45.5%;margin-top:0;margin-left:4%;}
.imgmain-suopick{margin-left:-4%;width:104%;}
.r-p-imgmain {
    margin-top: 4%;
}
.r-p-conusk {
    margin-top: 3%;
}
.product-contactus-in {
    width: 96%!important;
    margin-left: 2%!important;
    margin-top:0!important;
}
.product-contactus-title-text2{display:none;}
.product-contactus-title-text {
	font-size: 19px;
    width: 100%;
}
.product-contactus{width:99.9%;}
.repro-title{width:100.3%;}
.re-product-single-k {
    width: 100%;
    margin-left: 0;
  margin-top:4%;
}
.re-product-allpk {
    float: left;
    width: 100%;
    margin-left: 0%;
}
.re-p-name {
    margin-top: 2%;
}

}


.downsinglek{float:left;width:100%; border-bottom: 1px solid #edebea;padding-bottom:10px;margin-top:20px;}

.downtag{float:left;display:block;width:16px;margin-top:12px;}

.downname{float:left;font-size:22px;color:#333;margin-top:6px;margin-left:10px;}
.pdfdownbtn{float:right;width:180px;height:42px;background: url('../images/pdfdtn.png') no-repeat;}
@media screen and (max-width: 500px){
.desc-tagk{font-size: 12px;}
}