/*aboutÖ÷Ò³----start*/
.index-wrap{

}

.index-wrap .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner.jpg");
    background-size:100% 100%;
}
.index-wrap .index-banner-wrap .bannerText {
    max-width:1300px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.index-wrap .index-banner-wrap .title{
    position: absolute;
    top: 93px;
    right: 0px;
    font-size: 42px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 61px;
}
.index-wrap .index-banner-wrap .text{
    position: absolute;
    top: 167px;
    right: 0px;
    font-size: 22px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #4B4B4B;
    line-height: 32px;
}
.index-wrap .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
    background-color: #fff;
}

.index-wrap .index-about-wrap .aboutNumber{
    display:flex;
    justify-content: space-between;
}
.index-wrap .index-about-wrap .aboutNumber .aboutNumber-list {
    width:240px;
    height: 216px;
}
.index-wrap .index-about-wrap .aboutNumber .aboutNumber-list .aboutNumber-item{
    width: 100%;
    height: 98px;
    background: #F7FAFC;
    margin-bottom:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
}
.index-wrap .index-about-wrap .aboutNumber .aboutNumber-list .aboutNumber-item .number{
    font-size: 32px;
    font-family: SourceHanSansSC-Light, SourceHanSansSC;
    font-weight: 300;
    color: #000000;
    line-height: 46px;
}
.index-wrap .index-about-wrap .aboutNumber .aboutNumber-list .aboutNumber-item .title{
    font-size: 20px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #F1771E;
    line-height: 29px;
}

.index-wrap .index-about-wrap .aboutText{
    display:flex;
    justify-content: space-between;
    margin-top: 50px;
}

.index-wrap .index-about-wrap .aboutText .aboutText-left{
    width:550px;
    height:606px;
    padding-top: 53px;
}

.index-wrap .index-about-wrap .aboutText .aboutText-left .title{
    font-size: 56px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #333333;
    line-height: 81px;
}

.index-wrap .index-about-wrap .aboutText .aboutText-left .text{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    margin-top: 20px;
    line-height: 40px;
}
.index-wrap .index-about-wrap .aboutText .aboutText-right{
    width:670px;
    height:606px;
    background:url("/hdsite/en/images/about.jpg");
    background-size: 100% 100%;
}

/*aboutÖ÷Ò³----end*/


/*PRODUCTS&SOLUTIONS----start*/
.index-wrap-PS{
    background: url("/hdsite/en/images/background.png") no-repeat;
    background-size: 100%;
    background-position-y: bottom;
}

 .index-wrap-PS .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner2.jpg");
    background-size:100% 100%;
}
.index-wrap-PS .index-banner-wrap .bannerText {
    max-width:1300px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.index-wrap-PS .index-banner-wrap .title{
    position: absolute;
    top: 93px;
    right: 0px;
    font-size: 42px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 61px;
}
.index-wrap-PS .index-banner-wrap .text{
    position: absolute;
    top: 167px;
    right: 0px;
    font-size: 22px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #4B4B4B;
    line-height: 32px;
}
.index-wrap-PS .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
}

.index-wrap-PS .index-about-wrap .title{
    font-size: 36px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 52px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.index-wrap-PS .index-about-wrap>img{
    width:100%;
    height:680px;
    margin-bottom: 40px;
}

.index-wrap-PS .index-about-wrap .about-item{
    width: 100%;
    height: 420px;
    background: linear-gradient(352deg, #FFFFFF 0%, #F4F8FD 100%, #F4F9FD 100%);
    box-shadow: 0px 0px 30px 0px rgba(116,117,118,0.15);
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    padding: 30px 80px 15px 65px;
}

.index-wrap-PS .index-about-wrap .about-item>img{
    height: 100%;
    margin-right: 130px;
}

.index-wrap-PS .index-about-wrap .about-item .about-item-text{
    height: 100%;
    width:452px;
    margin-left: 30px;
}

.index-wrap-PS .index-about-wrap .about-item .about-item-text .about-item-title{
    font-size: 22px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #F1771E;
    line-height: 62px;
    height: 62px;
    width: 100%;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    margin-bottom: 30px;
}

.index-wrap-PS .index-about-wrap .about-item .about-item-text .about-item-detail{
    font-size: 14px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 32px;

}
.index-wrap-PS .index-about-wrap .about-item .about-item-text .about-item-detail>div{
    position: relative;
    padding-left: 15px;
}
.index-wrap-PS .index-about-wrap .about-item .about-item-text .about-item-detail>div::after{
    content: '';
    width: 3px;
    height: 3px;
    background:#333333;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 0px;
}
/*PRODUCTS&SOLUTIONS----end*/


/*shaoxing----start*/
.index-wrap-shaoXing{
    background: url("/hdsite/en/images/background2.png") no-repeat;
    background-size: 734px 705px;
    background-position-y: bottom;
    background-position-x:right;
}

.index-wrap-shaoXing .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner3.jpg");
    background-size:100% 100%;

}

.index-wrap-shaoXing .index-banner-wrap .bannerText,
.index-wrap-Dongyang .index-banner-wrap .bannerText,
.index-wrap-Shenzhen .index-banner-wrap .bannerText{
    max-width:1300px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.index-wrap-shaoXing .index-banner-wrap .text,
.index-wrap-Dongyang .index-banner-wrap .text,
.index-wrap-Shenzhen .index-banner-wrap .text{
    position: absolute;
    top: 92px;
    width:737px;
    right: 0px;
    font-size: 22px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #4B4B4B;
    line-height: 32px;
}
.index-wrap-shaoXing .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
}

.index-wrap-shaoXing .index-about-wrap .title{
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    padding-left: 30px;

}
.index-wrap-shaoXing .index-about-wrap .title>img{
    width: 65px;
    height: 65px;
    margin-right: 11px;
}
.index-wrap-shaoXing .index-about-wrap .title>span{
    font-size: 36px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #333333;
    line-height: 65px;
}
.index-wrap-shaoXing .index-about-wrap .text{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    padding-left: 40px;
    margin-bottom: 60px;
}
.index-wrap-shaoXing .index-about-wrap .img{
    width: 100%;
}
/*shaoxing----end*/

/*Dongyang----start*/
.index-wrap-Dongyang{
    background: url("/hdsite/en/images/background2.png") no-repeat;
    background-size: 734px 705px;
    background-position-y: bottom;
    background-position-x:right;
}

.index-wrap-Dongyang .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner3.jpg");
    background-size:100% 100%;
}
.index-wrap-Dongyang .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
}

.index-wrap-Dongyang .index-about-wrap .title{
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    padding-left: 30px;

}
.index-wrap-Dongyang .index-about-wrap .title>img{
    width: 65px;
    height: 65px;
    margin-right: 11px;
}
.index-wrap-Dongyang .index-about-wrap .title>span{
    font-size: 36px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #333333;
    line-height: 65px;
}
.index-wrap-Dongyang .index-about-wrap .text{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    padding-left: 40px;
    margin-bottom: 60px;
}

.index-wrap-Dongyang .index-about-wrap .imgBox{
    position: relative;
    width: 100%;
    height:400px;
}
.index-wrap-Dongyang .index-about-wrap .imgBox .img1{
    width: 629px;
    position: absolute;
    top: 0px;
    left: 100px;
}
.index-wrap-Dongyang .index-about-wrap .imgBox .img2{
    position: absolute;
    width: 629px;
    top:140px;
    left: 570px;
}
/*Dongyang----end*/

/*Shenzhen----start*/
.index-wrap-Shenzhen{
    background: url("/hdsite/en/images/background2.png") no-repeat;
    background-size: 734px 705px;
    background-position-y: bottom;
    background-position-x:right;
}

.index-wrap-Shenzhen .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner3.jpg");
    background-size:100% 100%;

}

.index-wrap-Shenzhen .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
}

.index-wrap-Shenzhen .index-about-wrap .title{
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    padding-left: 30px;

}
.index-wrap-Shenzhen .index-about-wrap .title>img{
    width: 65px;
    height: 65px;
    margin-right: 11px;
}
.index-wrap-Shenzhen .index-about-wrap .title>span{
    font-size: 36px;
    font-family: SourceHanSansSC-Bold, SourceHanSansSC;
    font-weight: bold;
    color: #333333;
    line-height: 65px;
}
.index-wrap-Shenzhen .index-about-wrap .text{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    padding-left: 40px;
    margin-bottom: 60px;
}
.index-wrap-Shenzhen .index-about-wrap .img{
    width: 992px;
    margin-left:120px;
}
/*Shenzhen----end*/

/*contact----start*/
.index-wrap-contact{
    background: url("/hdsite/en/images/background.png") no-repeat;
    background-size: 100%;
    background-position-y: bottom;
}

.index-wrap-contact .index-banner-wrap{
    width: 100%;
    height: 300px;
    background:url("/hdsite/en/images/banner4.jpg");
    background-size:100% 100%;
}
.index-wrap-contact .index-banner-wrap .bannerText {
    max-width:1300px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.index-wrap-contact .index-banner-wrap .title{
    position: absolute;
    top: 93px;
    left: 0px;
    font-size: 42px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 61px;
}
.index-wrap-contact .index-banner-wrap .text{
    position: absolute;
    top: 167px;
    left: 0px;
    font-size: 22px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: #4B4B4B;
    line-height: 32px;
}
.index-wrap-contact .index-about-wrap{
    padding:60px  0;
    margin: 0 auto;
    max-width: 1300px;
}
.index-wrap-contact .index-about-wrap {
    display: flex;
    height: 965px;
    background-color: #fff;
    background-image: url("/hdsite/en/images/background3.png");
    background-repeat: no-repeat;
    background-position: -154px 204px;
    background-size: 341px 341px;
}
.index-wrap-contact .index-about-wrap .left,
.index-wrap-contact .index-about-wrap .right{
    padding-left: 50px;
    position: relative;
}
.index-wrap-contact .index-about-wrap .left>img,
.index-wrap-contact .index-about-wrap .right>img{
    width:14px;
    height: 14px;
    position: absolute;
    top: 13px;
    left: 25px;
}

.index-wrap-contact .index-about-wrap .left .title,
.index-wrap-contact .index-about-wrap .right .title{
    font-size: 22px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 36px;
    margin-bottom: 22px;
}
.index-wrap-contact .index-about-wrap .left .content{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #666666;
    margin-bottom: 22px;
    line-height: 40px;
}
.index-wrap-contact .index-about-wrap .left .contactWay .contactWay-item{
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-bottom: 12px;
}
.index-wrap-contact .index-about-wrap .left .contactWay .contactWay-item>img{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.index-wrap-contact .index-about-wrap .right>form{
    width: 100%;
}
.index-wrap-contact .index-about-wrap .right>form .form-item{
    margin-bottom: 14px;
}
.index-wrap-contact .index-about-wrap .right>form .form-item .label .required{
    margin-left: 4px;
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #FB1515;
    line-height: 20px;
}
.index-wrap-contact .index-about-wrap .right>form .form-item .label{
    font-size: 16px;
    font-family: SourceHanSansSC-Medium, SourceHanSansSC;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
    margin-bottom: 4px;
}
.index-wrap-contact .index-about-wrap .right>form .form-item>input{
    width: 589px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #DFE5EC;
}
.index-wrap-contact .index-about-wrap .right>form .form-item .radio{
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #CCCDCE;
    cursor: pointer;
}
.index-wrap-contact .index-about-wrap .right>form .form-item .select{
    background: url("/hdsite/en/images/select.png");
    background-size: 100% 100%;
}
.index-wrap-contact .index-about-wrap .right>form .radioBox {
    display: flex;
    align-items: center;

}
.index-wrap-contact .index-about-wrap .right>form .radioBox>span{
    font-size: 16px;
    font-family: SourceHanSansSC-Normal, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-left: 10px;
}
.index-wrap-contact .index-about-wrap .right .submit .submitButtom{
    width: 589px;
    height: 40px;
    background: #F18421;
    border-radius: 20px;
    border: none!important;
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}
.index-wrap-contact .index-about-wrap .right>form .form-item  .error{
    border-color: red!important;
}
/*contact----end*/
<!--0.00011587142944336-->