@charset "utf-8";
/* CSS Document */

.contant01{ width:990px;overflow:hidden;}
.contant01 .ad{ background:url(../images/index/ad_bg.png) no-repeat; height:326px; margin:0 14px 0 16px;  }
.contant01 .left01{ color:#fff; font-size:17px;float:left;line-height:23px; padding-left:36px; position:relative; width:513px;}
.contant01 .left01 .line01{ background:url(../images/index/line_bg.jpg) repeat-x bottom; display:block; width:290px; height:19px;  position:absolute; top:0; right:0; z-index:1;}
.contant01 .left01 .more01{ top:0; right:0; position:absolute; z-index:2;}
.contant01 .left01 .YKD-text{ font-size:13px; line-height:20px; padding-top:20px; width:513px;}
.contant01 .left01 .YKD-text .YKDimg{ float:left; margin-right:12px;}
.contant01 .right01{ float:right; padding:9px 39px 0 0; width:350px; width: 395px; }
.contant01 .right01 .trust{ background:url(../images/index/trust.png) no-repeat; color:#000; font-family:"Times New Roman", Times, serif; font-size:13px; float:right; height:145px; line-height:18px; padding:26px 45px 0 20px; width:150px; width: 215px; height: 180px; }
.contant01 .right01 .box01{ width:106px; height:180px; position:relative; display: inline-block;  vertical-align: top; }
.contant01 .right01 .box01 .name{ bottom:0; left:0px; width:106px; text-align:center;  font-size:14px; position:absolute;}
.contant01 .right01 .box01 .name a{color:#e1ff3d; text-decoration:none;}



@media only screen and (max-width: 990px) {

.contant01{ width: 100%;  box-sizing: border-box; }
.contant01 .ad{ width: 100%; margin: auto; background: none; height: auto; }
.contant01 .left01{ width: 100%;  box-sizing: border-box;}
.contant01 .left01 .YKD-text{ width: 100%; }
.contant01 .right01{ margin: auto; padding: 0; width: 380px; float: none; width: 100%; text-align: center; }
.contant01 .right01 .trust{ width: 215px; height: 155px; float: none; display: inline-block;  vertical-align: top;  }
.contant01 .right01 .box01{ float: none; display: inline-block;  vertical-align: top;}
}

@media only screen and (max-width: 500px) {
.contant01 .left01 .YKD-text .YKDimg{ float: none; margin: auto; display: block; }
.contant01 .left01 .YKD-text{  margin-bottom: 20px;}
.contant01 .left01{ padding-left: 0; }
.contant01 .left01 .line01{ top: 12px; width: 100%; }
.contant01 .left01 .more01{ top: 10px; }
}

@media only screen and (max-width: 360px) {

.contant01 .right01 .trust, .contant01 .right01 .box01{margin: auto;  float: none;  margin-bottom: 20px; }

}