.mainagent {
    margin:400px auto 40px auto;
    overflow: hidden;
}
.dl70 {
margin-top:45px !important;
    margin-bottom: 45px !important;
	
}
.iconfont {
 font-family:"iconfont" !important;
 font-size:16px;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}

/*.container-custom {
 margin-right:auto;
 margin-left:auto;
 padding-left:15px;
 padding-right:15px;
  width:85.652%;
  max-width:1430.016px;
}
*/
.content-agent {
 text-align:center;
 position:relative;
}

.content-agent h2 {
 color:#333;
 font-size:35px;
 font-weight: 500;
 text-align:center;
 position:relative;
 padding:0;
 padding-bottom:8px;
 display:inline-block;
 margin:0;
 float:none !important;
 max-width:80%;
}
.content-agent h2:after {
 content:'';
 width:30%;
 height:2px;
 background-color:#c7000b;
 position:absolute;
 left:50%;
 margin-left:-15%;
 bottom:0;
}




.content-agent .panel-img-box {
 overflow:hidden;
 position:relative;
 margin-bottom:15px;
}
.content-agent .panel-img-box a {
 color:#fff;
 text-decoration:none;
 display:block;
 overflow:hidden;
 position:relative;
 height:100%;
}
.content-agent .panel-img-box .mask {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 z-index:2;
 background-image:url('../img/mask_grad.png');
 background-repeat:repeat-x;
 background-position:left bottom;
 background-size:auto 100%;
 visibility:visible;
 opacity:0;
}
.content-agent .panel-img-box img {
 float:left;
 -webkit-transition:all 0.5s;
 transition:all 0.5s;
 width:100%;
 position:relative;
}
.content-agent .panel-img-box .text-box {
 width:90%;
 height:auto;
 position:absolute;
 left:0;
 color:#fff;
 text-align:left;
 -webkit-transition:all 0.5s;
 transition:all 0.5s;
 z-index:4;
 bottom:0;
 padding:15px;
 font-size:14px;
}

@media (min-width:992px) {
 .content-box .panel-img-box .text-box {
  font-size:16px;
 }

}
@media (min-width:1440px) {
 .content-box .panel-img-box .text-box {
  font-size:18px;
 }
}
@media (min-width:1680px) {
 .content-agent .panel-img-box .text-box {
  font-size:20px;
 }
}
.content-agent .panel-img-box .text-box .category {
 font-size:0.875em;
 line-height:1.8em;
 color:#fff;
}
.content-agent .panel-img-box .text-box .name {
 line-height:1.4em;
 /*font-weight:bold;*/
 margin:0;
 font-size:1.2em;
}
.content-agent .panel-img-box .text-box .text {
 font-size:0.75em;
 line-height:1.8em;
 opacity:0.7;
 display:none;
}
.content-agent .panel-img-box .text-box .read-more {
 opacity:1;
 margin-top:15px;
}
@media (min-width:992px) {


 .content-agent .panel-img-box {
  width:auto;
  margin-bottom:30px;
  overflow:hidden;
  display:inline-block;
 }
 .content-agent .panel-img-box img {
  width:100%;
  height:100%;
 }
 .content-agent .panel-img-box.mr {
  margin-right:1.5%;
 }
 .content-agent .panel-img-box .mask {
  visibility:visible;
  opacity:1;
  height:50%;
  width:100%;
  content:"";
  background:linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
  display:block;
  top:auto;
  bottom:0;
 }
 .content-agent .panel-img-box .text-box {
  padding:25px 30px;
  bottom:-50px;
 }
 .content-agent .panel-img-box .btn-play .text-box {
  bottom:-20px;
 }
 .content-agent .panel-img-box .text-box .name {
  margin-bottom:12px;
  font-size:1.2em;
  line-height:1.4em;
 }
 .content-agent .panel-img-box .text-box.text-box-1 .name {
  margin-bottom:0;
 }
 .content-agent .panel-img-box .text-box.text-box-1 .text {
  margin-bottom:12px;
 }
 .content-agent .panel-img-box .text-box .text {
  font-size:0.875em;
  display:block;
 }
 .content-agent .panel-img-box .text-box .category {
  font-size:0.91em;
 }
 .content-agent .panel-img-box .text-box .read-more {
  opacity:0;
  -webkit-transition:all 0.5s;
  transition:all 0.5s;
  font-size:0.875em;
 }
 .content-agent .panel-img-box:hover .text-box {
  bottom:0;
 }
 .content-agent .panel-img-box:hover .text-box .read-more {
  visibility:visible;
  opacity:1;
 }
 .content-agent .panel-img-box:hover img {
  -webkit-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
 }
 .content-agent .panel-img-box:hover .mask {
  opacity:1;
  visibility:visible;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2;
  background-image:url(../img/mask_grad.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  background-size:auto 100%;
 }
 .content-agent .panel-img-box:hover .read-more {
  opacity:1;
 }

}


.chenngzhang{
    /* width: 18.2rem;*/
    height: 48rem;
	background:url(../site-style/bg_9.png) no-repeat;
    background-size:cover;
    position: relative;
    padding:4.5rem;
	background-attachment: fixed;
}
.left_word{
    margin-top:1.2rem;
}
.left_word>p{
    font-size: 2.3rem;
    font-family: 'NotoSansHans-Bold';
    color:#fff;
    text-align: left;
}
.right_word{
    margin-top:1.1rem;
    margin-right: .3rem;
}
.right_word>p{
    font-size: 1rem;
    font-family: 'NotoSansHans-Regular';
    color:#fff;
    text-align: left;
}
.mid_animate{
    width: 7.06rem;
    height: 7.06rem;
    position: absolute;
    left:50%;
    top:50%;
    margin:-3.53rem 0 0 -3.53rem;
}
.mid_animatebox{
    width: 7.06rem;
    height: 7.06rem;
    position: relative;
}
.num_9{
    position: absolute;
    width: 15.20rem;
height: 18rem;
left: 7%;
top: -80%;
    margin:-1.515rem 0 0 -0.915rem;
	background:url(../site-style/num9.png) no-repeat;
    background-size:cover;
    z-index: 3;
}
.wai_bg{
    position: absolute;
    width: 26.98rem;
    height: 26.98rem;
    left:-70%;
    top:-120%;
    margin: -2.49rem 0 0 -2.49rem;
	background:url(../site-style/nei.png) no-repeat;
    background-size:cover;
    z-index: 2;
    animation: rollIn 15s linear infinite;
}
.nei_bg{
    position: absolute;
    width: 40.06rem;
    height: 40.06rem;
    left:-200%;
    top:-250%;
	background:url(../site-style/wai.png) no-repeat;
    background-size:cover;
    z-index: 1;
    animation: rollOut 15s linear infinite;
}
.j_left {
    float: left;
}
.j_right {
    float: right;
}
@keyframes rollOut {
    0% {
        transform-origin: center;
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform-origin: center;
        transform: rotate(180deg) scale(1);
    }

    to {
        transform-origin: center;
        transform: rotate(360deg) scale(1);
    }
}
@keyframes rollIn {
    0% {
        transform-origin: center;
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform-origin: center;
        transform: rotate(-180deg) scale(1);
    }

    to {
        transform-origin: center;
        transform: rotate(-1turn) scale(1);
    }
}
@keyframes s{
    0% {
        transform: scale(0)
    }

    10% {
        transform: scale(0.1)
    }
    20% {
        transform: scale(0.2)
    }
    30% {
        transform: scale(0.3)
    }
    40% {
        transform: scale(0.4)
    }
    50% {
        transform: scale(0.5)
    }
    60% {
        transform: scale(0.6)
    }
    70% {
        transform: scale(0.7)
    }
    80% {
        transform: scale(0.8)
    }
    90% {
        transform: scale(0.9)
    }

    to {
        transform: scale(1)
    }
}