.technology {
    position: relative;
    color: #fff;
}
.technology img {
    display: block;
    width: 100%;
}
.technology h2 {
    font-size: 74px;
    position: absolute;
    text-align: left;
    left: 20%;
    top: 44%;
    text-transform: uppercase;
    font-family: "HYQiHei1";
    color:#2D2D2D;
    letter-spacing: 7px;
}
.technology h3 {
    font-size: 74px;
    position: absolute;
    left: 20%;
    top: 54%;
    text-align: left;
    font-family: "HYQiHei1";
    color:#2D2D2D;
    letter-spacing: 7px;
}
.technology h4 {
    font-size: 14px;
    position: absolute;
    left: 20%;
    top: 64%;
    text-align: left;
    font-family: "HYQiHei2";
    color:#2D2D2D;
    letter-spacing: 3px;
}


.comtentLayout{
    height: 960px;
    margin: 0 auto;
    position: relative;
}
.comtentInfo {
    width: 294px;
    height: 245px;
    position: absolute;
    background-color: white;
    box-shadow: 12px 21px 46px 0px rgba(11, 3, 6, 0.07);
    border-radius: 5px;
    text-align: center;
    margin: 65px 48px 0 22px;
    padding-top: 40px;
}
.info1 {top:-15px;left:-22px;}
.info2 {top:305px;left:-22px;}
.info3 {top:625px;left:-22px;}
.info4 {top:135px;left:312px;}
.info5 {top:455px;left:312px;}
.ico01, .ico02, .ico03, .ico04, .ico05 {width:60px;height:50px;margin:0 auto 15px;}
.ico01 {background: url(../images/ico01a_190116.png) no-repeat;}
.ico02 {background: url(../images/ico02a_190116.png) no-repeat;}
.ico03 {background: url(../images/ico03a_190116.png) no-repeat;}
.ico04 {background: url(../images/ico04a_190116.png) no-repeat;}
.ico05 {background: url(../images/ico05a_190116.png) no-repeat;}
.ico06 {
    width:42px;
    height:18px;
    background: url(../images/ico06_190116.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
}
.comtentLayout p.text1 {
    font-size:64px ;
    font-weight: bold;
    color: #4aa2da;
}
.comtentLayout p.text2 {
    font-size:24px ;
    font-weight: 500;
    color: #282828;
}
.comtentInfo:hover {background:linear-gradient(95deg,rgba(69,123,242,1),rgba(5,182,224,1));}
.comtentInfo:hover p {color:#fff;}
.comtentInfo:hover p.ico01 {background: url(../images/ico01b_190116.png) no-repeat;}
.comtentInfo:hover p.ico02 {background: url(../images/ico02b_190116.png) no-repeat;}
.comtentInfo:hover p.ico03 {background: url(../images/ico03b_190116.png) no-repeat;}
.comtentInfo:hover p.ico04 {background: url(../images/ico04b_190116.png) no-repeat;}
.comtentInfo:hover p.ico05 {background: url(../images/ico05b_190116.png) no-repeat;}
.comtentText {
    width: 396px;
    height: 280px;
    position: absolute;
    top: 325px;
    right: 0;
    color: #222223;
    font-size: 20px;
    line-height: 37px;
}
.comtentText p.text3 {color:#4aa2da;margin-top:20px;}
.comtentText p.text3 a {color:#4aa2da;}
.comtentText p.text3 a:link, .comtentText p.text3 a:visited {color:#4aa2da;}
.comtentText p.text3 a:hover, .comtentText p.text3 a:active {color:#019bfd;}

.hxzrLayout{
    margin-top: 70px;
    position: relative;
    margin-bottom: 140px;
}
.hxzrLayout .btn{
    position: absolute;
    width: 160px;
    height: 80px;
    text-align: right;
    top: 35%;
    right: 20%;
    z-index: 2;
}
.an01a,.an01b,.an02a,.an02b {
    width:54px;
    height:54px;
    display:inline-block;
    vertical-align:middle;
}
.hxzrLayout .btn .an01a {background: url(../images/ico08a_190116.png) no-repeat; margin-right:40px;}
.hxzrLayout .btn .an01a:hover{background: url(../images/ico08b_190116.png) no-repeat; margin-right:40px;}

.hxzrLayout .btn .an02a {background: url(../images/ico09a_190116.png) no-repeat;}
.hxzrLayout .btn .an02a:hover {background: url(../images/ico09b_190116.png) no-repeat;}


.hxzrLayoutitem{
    position: relative;
    background-color: #ffffff;
}
.hxzrleft,.hxzrright{
    width: 50%;
    position: relative;
    background-color: #ffffff;
}
.hxzrLayoutitem img{
    width: 100%;
}
.hxzrright .p1{
    color:#282828;
    font-size: 36px;
    font-weight: bold;
    margin-left: 70px;
    margin-top:70px ;
}
.hxzrright .p2{
    color:#282828;
    font-size: 24px;
    font-weight: bold;
    margin-left: 70px;
}
.hxzrright .info{
    height: 180px;
    background: #ffffff;
    box-shadow: 12px 21px 46px 0px rgba(11,3,6,0.07);
    border-radius: 5px;
    position: relative;
    left: -20%;
    padding: 50px;
    margin-top: 120px;
    margin-right: 15%;
}
.hxzrright .info p{
    text-indent: 25px;
    font-size:20px;
    color:#222223;
    line-height:45px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBBMEZEMUNEMUEwQjExRTlBN0U1Qzc2MTc3MzBENEY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBBMEZEMUNFMUEwQjExRTlBN0U1Qzc2MTc3MzBENEY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEEwRkQxQ0IxQTBCMTFFOUE3RTVDNzYxNzczMEQ0RjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEEwRkQxQ0MxQTBCMTFFOUE3RTVDNzYxNzczMEQ0RjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pGJddAAAA+klEQVR42mL8//8/AzUBEwOVwQg0kAWZY9/80fcX67/CH+z/TH+y/2P4wfHvNJDd9yxacgvJLnSu+9QCjO9N/xkZHBkYGXj+gzADg+N/hv+bhdY8aSHJQLeazz5AQ6qBmOE/CDNAacb/YBoIqnk2PfYlxYVFYEPAEGYo1DC4Jf8LSTHQBKaRAewquMvgFgDlTUgKQ1h++Q83GIkNkWck2kCgpjPI4ceAFIYMjHCvnybFhf1YwgwRQZCw7SfawN3NvJuBBrUyoMUuUvi1fveR20xSGB6o468BGuQPNGo/0KCvQIO+Ag3aD8R+nwJka4hNh4yjxdfgMxAgwAAUpHUWtrSM+wAAAABJRU5ErkJggg==") no-repeat left center;
}
.hxzrright .icon1{
    width: 106px;
    height: 106px;    position: absolute;
    top: 230px;
    left: calc(25% - 125px);

}

.groupdynamics{
    width: 100%;
    background-color: #f7f7f9;
    padding-top: 100px;
}
.groupdynamics .jtdtNews:first-child {
    margin-left: 0;
}
.groupdynamics .jtdtNews {
    width: 364px;
    height: 450px;
    background-color: #fff;
    float: left;
    margin-left: 54px;
    box-shadow:0px 2px 81px 3px rgba(210,210,210,0.29);
}
.groupdynamics .jtdtNews p img {
    width:364px;
    height:204px;
    margin-bottom:30px;
}
.groupdynamics .jtdtNews h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 35px;
    color: #10161a;
    padding: 0 20px 0px 20px;
    height: 70px;
}
.groupdynamics .jtdtNews p.p1 {
    color: #6e737b;
    padding: 0 20px 15px 20px;
    font-size: 14px;
    line-height: 2;
    height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.groupdynamics .jtdtNews p.p2 {
    line-height: 2;
    padding: 0 0 15px 20px;
    color:#3296d5;
}


.groupdynamics  .more {
    width: 100%;
    height: 80px;
    float: none;
    font: 500 18px/2 "Microsoft Yahei";
    color: #bdbdbd;
    padding-top: 40px;
    text-align: center;
}


@media screen and (max-width:1600px ) {
    .technology h2{
        left: 7%;
        top: 42%;
    }
    .technology h3{
        left: 7%;
        top: 54%;
    }
    .technology h4 {
        left: 8%;
        top: 68%;
    }
    .hxzrLayout .btn{
        top: 29%;
        right: 8%;
    }
    .hxzrright .p1{
        margin-top:25px ;
    }

    .hxzrright .info{
        padding: 35px 50px;
        margin-top: 70px;
    }
    .hxzrright .icon1{
        top: 120px;
        left: calc(25% - 105px);
    }
}