.clearfix{
    clear:both;
}
.banner{ width: 100%; height: 550px; background: url(../images/banner.jpg) no-repeat center center; text-align: center;}
.banner p{ font-size: 28px; color: #fff; padding-top: 10px;}
.banner h2{ font-size: 68px; color: #fff; padding-top: 10px;}

.pitem1,.pitem2,.pitem3,.pitem4{ padding: 70px 0;}
.pitem1 ul,.pitem2 ul{ margin: 0 -10px;}
.pitem1 li .i-box{box-sizing: border-box; background: #fff; padding: 20px; margin: 0 10px; height: 114px; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius:4px;}
.pitem1 li .i-box .icon-p{width: 50px; height: 50px; margin-top: 11px; float: left;}
.pitem1 li .i-box .i-rt{ padding-left: 70px;}
.pitem1 li .i-box .i-rt h3{ font-size: 20px;}
.pitem1 li .i-box .i-rt p{ font-size: 14px; color: #999; padding-top: 7px;}

.pitem2,.pitem4{ background: #eeeef1;}
.pitem2 li .i-box{margin: 0 10px;}
.pitem2 li .i-box h2{font-size: 30px; font-weight: normal; padding-bottom: 20px;}
.pitem2 li .i-box h2 img{ width: 32px; height: 32px; margin-right: 10px; position: relative; top: -3px;}
.pitem2 li .i-box a.i-pic{ display: block;height:186px; position: relative; overflow: hidden;}
.pitem2 li .i-box a.i-pic img{width: 100%;max-width:285px;max-height:196px;}
.pitem2 li .i-box a.i-pic .i-bq{ position: absolute; top: 0; left: 0; padding:5px 10px; background: #f43b3b; font-size: 16px; color: #fff;}
.pitem2 li .i-box a.i-pic .i-play{position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: url(../images/i-play.png) no-repeat center center; }
.pitem2 li .i-box a.i-pic .i-title{ position: absolute; bottom: 0; left: 0; right: 0;background:rgba(0,0,0,.5);text-align: center; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all; padding: 0 10px; color: #fff; line-height: 30px; height:30px;}
.pitem2 li .i-box .i-yug{height:186px;background:#fff;border-radius:3px; overflow:hidden;}
.pitem2 li .i-box .i-yug figure{ display: block;height:146px; margin: 20px; padding-left: 20px; background:url(../images/line.jpg)repeat-y;}
.pitem2 li .i-box .i-yug figure .yug-txt{ padding-bottom: 14px;}
.pitem2 li .i-box .i-yug figure .yug-txt span{ padding:2px 10px; background: #f43b3b; font-size: 14px; color: #fff;border-radius:4px;}
.pitem2 li .i-box .i-yug figure .yug-txt a{padding-top: 14px; display: block;}

.pit-bar{ overflow:hidden;}
.pit-bar h2{ font-size: 30px; font-weight: normal;}
.pit-bar a.more{ float: right; padding-right: 14px; font-size: 16px; color: #999; margin-top: 5px; background: url(../images/more.png) no-repeat right center;}
.pit-bar a.refresh{float: right; padding:3px 10px; font-size: 16px; color: #999; margin-top: 5px; background: #fff;border:1px solid rgba(210,210,210,1);border-radius:4px;}
.pit-bar a.refresh>i{display:inline-block;*display:inline;*zoom:1; width: 14px; height: 14px;background:url(../images/refresh.png) no-repeat; margin-right: 5px;}
a.refresh.active i{-webkit-animation: run .3s linear 0s infinite;-ms-animation: run .3s linear 0s infinite;animation: run .3s linear 0s infinite;}

.pitem3 ul,.pitem4 ul{ margin: 0 -20px;}
.pitem3 li .t-box{height:176px; margin: 20px; background:#fff;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);border-radius:3px;}
.pitem3 li .t-box img{ float: left; width: 262px; height: 176px;border-radius:3px 0px 0px 3px; }
.pitem3 li .t-box .t-box-r{ padding-left: 285px; padding-right: 20px;}
.pitem3 li .t-box .t-box-r h3,.pitem4 li .t-box .t-box-r h3{ padding: 15px 0 5px 0; font-size: 22px; font-weight: bold;}
.pitem3 li .t-box .t-box-r h3 span,.pitem4 li .t-box .t-box-r h3 span{ position: relative; top: -5px; padding:1px 5px 3px 5px; background: #7395F5; font-size: 12px;color: #fff; margin-left: 10px; border-radius:2px;}
.pitem3 li .t-box .t-box-r p,.pitem4 li .t-box .t-box-r p{ margin:7px 0;}
.pitem3 li .t-box .t-box-r p strong,.pitem4 li .t-box .t-box-r p strong{ font-size: 22px;font-weight: normal;}
.pitem3 li .t-box .t-box-r p span.jian{ display: block; width: 60px; height: 18px; text-align: center; line-height: 16px; font-size: 12px; color: #fff;background: url(../images/jian.png) no-repeat;}

.pitem4 li .t-box{ margin:20px 20px 0 20px; padding-bottom: 12px; background:#fff;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);border-radius:3px;}
.pitem4 li .t-box img{ width: 100%; height: 215px; border-radius:3px 3px 0px 0px;}
.pitem4 li .t-box .t-box-r{ padding:0 20px;}

.agent li .i-box{ margin-top: 20px; height: auto;}
.agent li .i-box .agent-top{ padding-bottom: 10px; border-bottom: solid 1px #DCDCDC;height: 108px;}
.agent li .i-box .agent-top img{ float: left; width: 108px; height: 108px;border-radius: 50%;}
.agent li .i-box .agent-top .agent-r{ padding-left: 130px;}
.agent li .i-box .agent-top .agent-r h3{ font-size: 20px;}
.agent li .i-box .agent-top .agent-r h3 a{ position: relative; top: -5px; margin-left: 10px; padding:1px 5px 3px 5px;font-size: 12px; color: #ff4444; font-weight: normal; border:1px solid #ff4444;border-radius:4px;}
.agent li .i-box .agent-top .agent-r p{ padding-top: 17px;}
.agent li .i-box .agent-top .agent-r p em{padding:1px 10px 3px 10px; margin-right: 5px; font-size: 12px; background: #eff4f6; border-radius:3px;}
.agent li .i-box .agent-top .agent-r p em.active{color:#7395F5;}
.agent-bot{ padding-top:12px; text-align: center;}

.friend{ margin: 20px 0 0 0!important;}
.friend li{height:88px; padding: 15px; margin-bottom: 18px; background:#fff;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius:4px;}
.friend li img{ height: 68px; height: 68px; margin-top: 10px; border-radius: 50%; float: left;}
.friend li .u-re{ padding-left: 80px;}
.friend li .u-re h3{ font-size: 14px; font-weight: normal;}
.friend li .u-re p{ color: #999; font-size: 12px; padding-top: 10px;}

.weik{ padding-left: 20px;}
.weik ul{ margin: 20px -5px 0 -5px;}
.weik li a.wei-pic{display: block;margin: 0 5px 10px 5px; position: relative;}
.weik li a.wei-pic img{ width: 100%;    max-width: 385px;
    max-height: 211px;
    overflow: hidden;}
.weik li a.wei-pic span{position: absolute; bottom: 0; left: 0; right: 0;background:rgba(0,0,0,.5); padding: 10px; color: #fff;}
.weik li .wei-ary{background: #fff;height: 80px;margin: 0 5px 10px 5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 3px;}
.weik li .wei-ary img{ float: left; width: 115px; height: 80px;}
.weik li .wei-ary p{ padding: 10px 10px 0 130px; color: #999;}

.link li span{ display: block; margin: 10px; background: #fff; text-align: center; border: solid 1px transparent;}
.link li span:hover{ border-color: #fcaaaa;}


