/*链接动画效果_link*/ 

a:hover { cursor:pointer!important; }
.tabwrap .tab .t, .servicewrap .li .t1, .servicewrap .li .cnt .p,
.servicewrap .zhaobiaofuwu,.servicewrap .zixunfuwu, 
.servicewrap .xueshuzhiku, .servicewrap .xueshuzhiku .video
{ cursor:pointer!important;
  -webkit-transition:all 0.3s ;                
  -moz-transition:all 0.3s ;
  -ms-transition:all 0.3s ;
  -o-transition:all 0.3s ;
  transition:all 0.3s ; }

.servicewrap{ width: 1200px; margin: 30px auto;display: flex;justify-content: space-between;}
.servicewrap .li{ width: 380px; height: 214px;position: relative; }
.servicewrap .li:before{position: absolute; height:3px;width: 100%; background: #00c8eb; content: ""; }

.servicewrap .xueshuzhiku  { background: no-repeat 0 0; overflow: hidden!important; }
.servicewrap .zhaobiaofuwu  { background: no-repeat 0 0;}
.servicewrap .zixunfuwu  { background: no-repeat 0 0;   }

.servicewrap .zhaobiaofuwu:hover,.servicewrap .zixunfuwu:hover, .servicewrap .xueshuzhiku:hover
                                  { box-shadow: 2px 2px 15px rgba(0,0,0,.2); }
.servicewrap .xueshuzhiku:hover .video {transform:scale(1.05);
									    -webkit-transform:scale(1.05);
									    -moz-transform:scale(1.05);
									    -o-transform:scale(1.05);
									    -ms-transform:scale(1.05)}

.servicewrap .li .t1{ height: 35px;line-height: 35px; background: #00c8eb; width: 160px;display: block; text-align: center;}
.servicewrap .li .txt{ color: #fff; font-size: 20px;position: relative;padding-left:30px;}
.servicewrap .li .txt:before{background: no-repeat 0 0; width: 16px; height: 16px; content: "";position: absolute; top:4px;left: 0;}

.servicewrap .li .icons{display: block;position: absolute; top:60px;left: 26px;}
.servicewrap .zixunfuwu .icons{background: no-repeat 0 0;width: 64px;height: 62px; }
.servicewrap .zhaobiaofuwu .icons{background: no-repeat 0 0;width: 64px;height: 58px; }


.servicewrap .li a{display: block; height: 214px; width: 100%;}
.servicewrap .zhaobiaofuwu:before{ background:#f5af00;}
.servicewrap .zhaobiaofuwu .t1{ background:#f5af00;}

.servicewrap .xueshuzhiku:before{ background:#1978b4;}
.servicewrap .xueshuzhiku .t1{ background:#1978b4;}

.servicewrap .li .cnt{position: absolute; width: 100%;left: 20px;top:150px; }
.servicewrap .li .cnt .p{ color: #aac8e0; font-size: 20px; }
.servicewrap .li .thover{ height: 214px; transition: all 0.3s linear;}
.servicewrap .li .hide{display: none;}
.servicewrap .li .hover .p{ color: #fff;}


.mainwrap{ width: 1200px; margin: 30px auto 0; overflow: hidden;}
.mainwrap .firstpt{ width: 700px; float: left;display: inline; height: 140px; overflow: hidden;}
.mainwrap .firstpt .imgpt{ width: 160px; display: inline;float: left;}
.mainwrap .firstpt .title{  height: 30px; overflow: hidden;}
.mainwrap .title .b{float: left; background:#80c269; width:30%; color: #fff;  text-align: right;height: 30px; font-size: 24px; font-weight: normal; line-height: 1;padding-top: 4px;box-sizing: border-box;padding-right: 4px;}
.mainwrap .title .m{float: left;background:#eee; width:70%; color: #fff;  text-align: right; padding-top: 10px; color: #aaa; height: 30px;box-sizing: border-box;padding-right: 4px; }
.mainwrap .firstpt .pt{ width: 160px;display: block; overflow: hidden;}
.mainwrap .firstpt .pt img{max-width: 100%;}
.mainwrap .pt{ margin-top: 15px;}
.mainwrap .pt a{  width: 160px; height: 90px; display: block; background: #e1e1e1;}
.mainwrap .dl{ float:left; display: inline; margin-left: 20px; width: 520px;}
.mainwrap .dl .dt{ font-size: 22px; color: #333;line-height:30px;}
.mainwrap .dl .dt a{color: #333;display: block; font-weight:bold;}
.mainwrap .dl .dd,.mainwrap .dl .dd a{ font-size: 14px; color: #999; line-height: 28px; margin-top:24px;}
.mainwrap .dl .dd:hover a { color: #666; }



.tabwrap{ width:460px;float: right; display:inline;}
.tabwrap .tab{ height: 30px;line-height: 30px; border-bottom: 3px solid #eeeeee;}
.tabwrap .tab .t{float: left;display:inline; margin-right:15px;position: relative; color: #666; }
.tabwrap .tab .line{float: left;display:inline; margin-right:15px; color: #ccc; }
.tabwrap .tab .t:hover,.tabwrap .tab .cur{border-bottom: 3px solid #ff9500;cursor:pointer; color: #333; font-weight: bold; }
.tabwrap .cnt { margin-top: 20px;min-height: 84px;}
.tabwrap .cnt li{ color: #999; font-size: 14px;display:block;height:28px; line-height:28px;overflow: hidden;}
.tabwrap .cnt li.nodate{ color: #999; font-size: 14px;height:28px; line-height:28px; color: #999;text-align: center;}
.tabwrap .cnt li a{ color: #999;display: block;line-height:28px; overflow: hidden;}
.tabwrap .cnt li:hover a{ color: #333;}
.tabwrap .cnt .datetime{margin-right: 10px;}