@charset "utf-8";
/* CSS Document 


/* 内页导航 */
.ny-nav{ background-color:#F4F5F9; border-bottom: 1px solid #eee; height:54px; width:100%;}
.ny-nav.fixed{
  position: fixed;
  z-index: 99;
  top:0;
}

.ny-nav ul{ height:53px;
  display: block;
  white-space: nowrap;
}
.ny-nav li{
  float: none;
  display: inline-block;
  margin-right: 56px;
  position: relative;
  cursor: pointer;
}
.ny-nav  li a{
  padding: 10px 0;
  display: block;
  font-size: 14px;
  position: relative;
  line-height: 36px;
  color: #5F6464;
}
.mod-tab .line{
  width: 64px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e60012;
}
.ny-nav li:last-child{
  margin-right: 0;
}

.ny-nav  li.active-tab a{
  color: #2a2e2e;
}
.ny-nav li.active-tab > a:after {
    content: ' ';
    height: 2px;
    width: 100%;
    background: #ae261a;
    position: absolute;
    left: 0;
    right: 0;
    bottom:3px;
}
.news-nav .w1200{ overflow:visible;}
.ny-nav .sub-nav{ position:absolute; top:53px; left:-20px; background-color:#F4F5F9; display:block; height:0; transition:all 0.5s; padding-bottom:60px;}
.ny-nav .sub-nav dd a{ padding:0 20px; display:none}
.ny-nav li:nth-child(5):hover .sub-nav{ height:100%;}
.ny-nav li:nth-child(5):hover .sub-nav dd a{ display:block;}



/* 公司介绍 */
.wrap{ background-color:#F4F5F9;}
.shuzi .w1200{ height:auto;   margin: 0 auto; position: relative;}
.shuzi-con{
    height: 100%;
    padding: 30px 10px;
    background-color: #ffffff;
    box-shadow: 0 5px 10px -5px rgba(220, 220, 220, 0.8);
    display: flex;
    justify-content: center;
}
.shuzi-con .img:first-of-type {
    display: flex;
    align-items: flex-end;
}
.shuzi-con .shuzi-info {
    padding: 0 50px;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.shuzi-con .shuzi-info .tit h3 {
    font-size: 36px;
    color: #333333;
    font-weight: normal;
    text-align: center;
}
.shuzi-con .shuzi-info .tit p {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-top:10px;
}
.shuzi-con .shuzi-info .brand-data {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.shuzi-con .shuzi-info .brand-data dl {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 50px 0 0 0;
}
.shuzi-con .shuzi-info .brand-data dl dt {
    font-size: 14px;
    color: #666666;
}
.shuzi-con .shuzi-info .brand-data dl dt b {
    font-size:50px;  color: #ae261a; font-family: 'DINPro-Bold';
}
.shuzi-con .shuzi-info .brand-data dl dd {
    font-size: 18px;
    color: #333333;
    margin-left: 0;
    margin-top: 20px;
}
.about-js{ background:#F4F5F9; padding-top:50px; padding-bottom:40px;}
.about-js .js-img-txt div{ margin-bottom:20px; text-align:center;}
.about-js .js-img-txt div span{ font-size:34px; padding-left:10px; display:block; position:relative; width:680px; margin:0 auto;}
.about-js .js-img-txt div span:after,.about-js .js-img-txt div span:before{ content:''; display:block; position:absolute; height:1px; width:50px; background-color:#bbb;}
.about-js .js-img-txt div span:before{ left:0; top:50%; }
.about-js .js-img-txt div span:after{ right:0; top:50%; }
.about-js .js-img-txt p{ line-height:26px; color:#666; line-height: 30px; text-indent:2em;}
.csr{ background:url(../images/csr-bg.jpg) no-repeat center 0;  }
.csr .w1200{position:relative; padding:40px 0;}
.csr-img{ position:absolute; bottom:0; right:0px;}
.csr-txt{ width:70%; color:#fff; }
.csr-txt h3{ font-size:40px; color:#fff;}
.csr-txt h3 span{ color:#ae261a}
.csr-txt .name{height: 34px;background:url(../images/name-line.png) 80px 22px no-repeat;margin-top:10px; margin-bottom:20px; font-size:30px;font-weight: bold;color:#fff;}
.csr-txt .name strong{ font-size: 18px; color: #fff; margin-left: 130px; font-weight: normal;}
.csr-txt p{ line-height:26px; text-indent:28px;}
.gx9111111{width: 100%;margin-top: 50px; }
.hxh4{ font-size:36px; font-weight:bold; text-align:center;}
.gx9a{width: 100%;margin-top: 30px;}
.gx9a_a{width: 24.3%;margin: 0 0.35%;}
.gx9a_t{width: 100%;overflow: hidden;}
.gx9a_t img{width: 100%;transition: all ease 0.3s;}
.gx9a_w{ margin: 0 auto;background-color: #eee;height: 122px;padding: 23px 28px 0 28px;margin-top: -52px;position: relative;}
.gx9a_w h6{text-align: center;font-size: 18px;color: #333;font-weight: bold;line-height: 33px;}
.gx9a_w p{text-align: center;font-size: 12px;color: #333;list-style-position: 19px;}
.gx9a_a:hover .gx9a_t img{transform: scale(1.1);}
.gshj{ background:url(../images/gswj-bg.jpg) no-repeat center 0;  margin-bottom:40px; margin-top:50px;}
.service-system-info{ margin-top:80px;}
.system-tit p {
    font-size: 18px;
    color: #333;
}
.system-tit p b {
    font-weight: bold;
    font-size: 36px;
    color: 14px;
    position: relative;
}
.system-tit p b em {
    position: relative;
    z-index: 2;
}
.system-tit p b i {
    width: 100%;
    height: 10px;
    background-color: #ae261a;
    position: absolute;
    left: 0;
    bottom: 0;
}
.service-system-info {
    width: 45%;
}
.service-system-info .details-cn {
    font-size: 16px;
    color: #333);
    line-height: 30px;
    margin-top: 50px;
}
.service-system-info .details-en {
    margin-top: 20px;
    color: #333;
    font-size: 10px;
    line-height: 20px;
    text-transform: capitalize;
}
.service-system-list{ position:relative; width:480px; height: 480px;margin-top:30px;}
.service-system-list .tximg{ position:absolute; left:50%; margin-left: -196px; top:50%; margin-top: -196px;}
.service-system-list .center-align {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    margin: auto;
    width: 480px;
    height: 480px;
}
.service-system-list .center-align b {
    width: 480px;
    height: 480px;
    margin: auto;
    display: block;
    background: url(../images/tech6.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}
.service-system-list .center-align i {
    width: 420px;
    height: 420px;
    margin: auto;
    display: block;
    background: url(../images/tech5.png) no-repeat center;
    position: absolute;
    top: 30px;
    left: 30px;
}
.system-item_syuan {
    animation: xuanzhuan2 90s infinite linear;
}
.system-item_byuan {
  animation: xuanzhuan 120s infinite linear;
}
@keyframes xuanzhuan {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.xuanzhuan {
  -webkit-animation-name: xuanzhuan;
  animation-name: xuanzhuan;
}
@keyframes xuanzhuan2 {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.xuanzhuan2 {
  -webkit-animation-name: xuanzhuan2;
  animation-name: xuanzhuan2;
}

.service-system-list .t-icon li:hover  p{ color:#ae261a;}
.service-system-list .t-icon li:hover .icon img.n{
    display: none;
}
.service-system-list .t-icon li:hover .icon img.h{
    display: unset;
}
.service-system-list .t-icon li.active .icon img.n{
    display: none;
}
.service-system-list .t-icon li.active .icon img.h{
    display: unset;
}
.service-system-list .t-icon li.active s {
    width: 100%;
    height: 3px;
    background-color: #1054ff;
    display: block;
    position: absolute;
    bottom: -2px;
}
.service-system-list .t-icon li i {
    height: 42px;
    margin: 0 auto;
    cursor: pointer;
}

.service-system-list .t-box {
    margin-top: 20px;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.service-system-list .t-box li {
    width: 130px;
    height: 170px;
    background-color: #ffffff;
    border-radius: 5px;
}
.service-system-list .t-box li dl {
    text-align: center;
}
.service-system-list .t-box li dl dt {
    font-size: 16px;
    color: #333333;
}
.service-system-list .t-box li dl s {
    width: 30px;
    display: block;
    height: 1px;
    background-color: #7997e3;
    margin: 10px auto;
}
.service-system-list .t-box li dl dd {
    margin-left: 0;
}
.service-system-list .t-box li dl dd p {
    color: #666666;
    font-size: 12px;
    line-height: 25px;
}
.t-box-con {
    display: none;
}
.t-box-con:first-of-type {
    display: block;
}
.system-tit2 {
    margin: 50px 0 30px 0;
    text-align: center;
}
.system-tit2 h1 {
    font-size: 36px;
    color: #1054ff;
    font-weight: normal;
}
.system-tit2 h2 {
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    margin-top: 5px;
}
.hj-box{ position:relative; margin-top:50px; width:1300px;}
.hj-box .hjimg{ width:100%; overflow:hidden;}
.hj-box .hjtxt a{width:11px;height:17px;display:block;position:absolute;top:430px; z-index:999}
.hj-box .hjtxt a.prev{background:url(../images/prev3.png) no-repeat;left:90px;}
.hj-box .hjtxt a.next{background:url(../images/next3.png) no-repeat;left:120px;}
.hj-box .hjtxt a.prev:hover{background:url(../images/prev3_1.png) no-repeat;}
.hj-box .hjtxt a.next:hover{background:url(../images/next3_1.png) no-repeat;}
.hj-box .introd{width:210px;height:300px;background:url(../images/hj-bg.png) no-repeat center;padding:45px; position:absolute;top:100px; left:50px; height:auot; z-index:100}
.hj-box .introd h2{color:#fff;font-size:36px;font-family:宋体;margin-bottom:30px;font-weight:normal;}
.hj-box .introd p{color:#949499;font-size:14px;}
.hj-box .hjtxt .pageState{display:block;position:absolute;top:430px; z-index:999; left:260px; color:#616166; font-family:'Avian Regular'; font-size:16px;}
/* 企业文化 */
.tit h3 {
    font-size: 36px;
    color: #333333;
    font-weight: normal;
    text-align: center;
}
.tit p {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-top:10px;
}
.tit { margin-bottom:40px;}

.qywh1{ padding: 40px 0 30px;}
.qywh1 .item-box{
  margin-bottom: 20px;
  width:1180px;
  height:259px;
  background:rgba(246,246,246,1);
}
.qywh1 .item-img{
  width:550px;
height:259px;
}
.qywh1 .item-info{
  width: 630px;
  box-sizing: border-box;
  height:259px;
  padding: 56px 50px;
}
 
.qywh1 .item-tit span{
  display: inline-block;
  padding-left: 36px;
  font-size:30px;
  font-weight:bold;
  display: inline-block;
  color:#ae261a;
  line-height:28px;
  vertical-align: middle;
}
.qywh1 .item-tit .icon1{
background:url(../images/qywh1-ico1.png) no-repeat left center;
}
.qywh1 .item-tit .icon2{
  background:url(../images/qywh1-ico2.png) no-repeat left center;
  }
  .qywh1 .item-text{
    margin-top: 22px;
    font-size:20px;
    color:rgba(102,102,102,1);
    line-height:30px;
  }
 .qywh2{
    padding: 57px 0 60px;
    text-align: center;
    background:url(../images/qywh-bg01.png) no-repeat top center;
  }
  .qywh2 .tit ,.qywh3 .tit{
    font-size:36px;
color:rgba(255,255,255,1);
line-height:30px;
text-align:center;
  }
  .qywh2 .yj{
    margin: 37px auto 0;
    width: 707px;
    height: 106px;
    background: url(../images/qywh-yj.png) no-repeat top center;
  }
  .qywh3{
    padding: 66px 0 88px;
    background: url(../images/qywh-bg02.png) no-repeat top center;
  }
   .qywh3 .tit{
     color: #333;
   }
  .qywh3-main{
    margin-left: -20px;
    margin-top: 28px;
  }
  .qywh3-main .item{
    width:220px;
    text-align: center;
height:205px;
float: left;
box-sizing: border-box;
margin-left: 20px;
background:rgba(246,246,246,1);
  }
  .qywh3-main .item-icon{
    width:91px;
    margin: 30px auto 24px;
    height:91px;
  }
  .qywh3-main .icon1{
    background: url(../images/qywh3-ico1.png) no-repeat center center;
  }
  .qywh3-main .icon2{
    background: url(../images/qywh3-ico2.png) no-repeat center center;
  }
  .qywh3-main .icon3{
    background: url(../images/qywh3-ico3.png) no-repeat center center;
  }
  .qywh3-main .icon4{
    background: url(../images/qywh3-ico4.png) no-repeat center center;
  }
  .qywh3-main .icon5{
    background: url(../images/qywh3-ico5.png) no-repeat center center;
  }
  .qywh3-main .item-tit{
    font-size:26px;
line-height: 30px;
color:rgba(51,51,51,1);
  }
.qywh4{ background:#f6f6f6; padding:60px 0;}
.qywh4 .item{ float: left; margin-left: 10px;margin-top: 10px;}
.qywh4 .item1{ width:320px; height:295px; overflow: hidden;}
.qywh4-item{ padding: 12px; box-sizing: border-box;  background:#ae261a;}
.qywh4-item .item-box{
  padding: 42px 28px;
  height:270px;
  box-sizing: border-box;
  border:1px solid rgba(255,255,255,1);
}
.qywh4-item .item-tit{
  font-size:30px;
  line-height: 30px;
  font-weight:bold;
  color:rgba(255,255,255,1);
}
.qywh4-item .item-text{
  font-size:16px;
  margin-top: 16px;
font-weight:400;
color:rgba(255,255,255,1);
line-height:30px;
}
.qywh4-item .item-text p{
  margin-top: 8px;
}
.qywh4-l{ width:860px;}
.qywh4-r{ margin-right:10px;}
.qywh4-list{
  margin-left: -10px;
}
.qywh4 .item2{
  width:519px;
  height:295px;
  overflow: hidden;
}
.qywh4 .item2 img{
  width:519px;
  height:295px;
}
.qywh4 .item3{
  width:320px;
height:600px;
}
.qywh4 .item4{
  width:651px;
height:295px;
}
.qywh4 .item5{
  width:517px;
height:295px;
}
.qywh5{ margin:40px 0 20px;}
.qywh5 .baguetteBoxOne .bd li{ float:left; width:286px; margin-right:14px;}

/* 企业荣誉 */
.photos_wrap{ margin-top:40px;}
.photos_wrap .gallery , .qyfc-wrap .gallery{
    text-align: center;
}
.gallery img {
    height: 100%;
}

.gallery a {
    width:280px; 
	height:205px;
    display: inline-block;
    overflow: hidden;
}

.baguetteBoxOne { width:1200px;  margin:40px auto 0 auto;}
.photos_wrap .baguetteBoxOne { width:1200px;  margin:40px auto 0 auto;}
.list{ width:120%;}
.list dl { float: left; background: #f0f0f0; margin: 0 15px 30px 0;}
.list dt{ border: 1px solid #e5e5e5; padding:2px; background: #fff;}
.list dl dt img { display: block; width:100%;}
.list dl dd { height: 50px; line-height: 50px;text-align: center;  color:#4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0;}
.parners { background-color:#f5f5f5; padding-top:40px; margin-top:24px;}
.parners .list{ width:1200px; margin-top: 372px;}
.parners li{ width:168px; height:92px; float: left; overflow:hidden; display:table; text-align: center; vertical-align: middle; border:1px solid #f5f5f5; background-color:#fff; margin-left: 10px;}
.parners li span{ display: table-cell; vertical-align: middle;}
.parners li img {  max-width:80%; overflow: hidden;  margin: 0 auto; filter: grayscale(50%);-webkit-filter: grayscale(50%);}
.parners li:hover img{ filter: grayscale(0); -webkit-filter: grayscale(0);}
.parners .list .bd{ width:110%; height: overflow:hidden;}
.parners .list .bd ul{ overflow:hidden; zoom:1; width:110%;  float:left; _display:inline;}


/* 发展历程 */
.fzlc-tit{ margin-top:40px;}
.fzlc-tit h2{ font-size:30px; font-weight:400; margin-bottom:20px;}
.fzlc-tit p{ font-size:16px; line-height:200%;}
.timer-shaft-box{width:100%;padding:30px 40px;box-sizing: border-box;}
.timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;}
.timer-left{position:absolute;top:50%;left:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-right{position:absolute;top:50%;right:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;}
.timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;}
.timer-scale-cont{display:inline-block;height:100%;line-height:80px;}
.time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;}
.timer-scale-cont.hov .time-circle{width:80px;height:80px;line-height: 80px;font-size:24px;background: #ff8d3d;}
.line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;background: url(../images/icon_scale.png) no-repeat;background-size: cover;}
.timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;}
.shaft-detail-cont{display: none;width:100%;}
.timer-year{padding-left:80px;font-weight:bold;color:#333;font-size:0;}
.icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;}
.timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;}
.month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;}
.month-detail-box:before{content: '';position:absolute;top:0;left:96.5px;height:100%;border-right:1px dashed #ff8d3d;}
.month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;}
.month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:90px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;}
.incident-record{display:inline-block;padding-left:114px;line-height:2;font-size:14px;color:#333;}
.incident-record a{font-size:14px;color:#1d69a3;}

/*大事记start*/
.dsj-box{ background:url(images/dsj/dsjbg.jpg) no-repeat center 0;}
.event_box{width:98%;margin:3% auto 0;position:relative;min-height:420px; margin-bottom:40px;}
.history h2{ text-align:center; font-size:38px; margin-top:40px;}
.history p{ text-align:center;}
.event_box .parHd {width:100%;display:inline-block;height:120px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:60px !important; height:60px;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:58%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:0px;font-size:16px;color:#000;margin:0 35px;position:relative;}
.parHd li:after{content:''; display:none; background:url(./images/dsj/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parHd li p{ font-size:18px; position:relative; padding-top:30px;}
.parHd li:nth-child(2n) p{ padding-top:30px;}
.parHd li:nth-child(2n+1) p{ padding-top:0px; margin-top:-30px; padding-bottom:10px}
.parHd li p:after{  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height:20px;
  background: #222;
  z-index:10;
  margin-left: 3.5px;
  left:50%;
 }
.parHd li:nth-child(2n) p:after{  top:10px;}
.parHd li:nth-child(2n+1) p:after{ bottom:0; height:16px;}
.parHd li p:before{  position: absolute;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #222;
  z-index: 11;
  left: 51%;
}
.parHd li:nth-child(2n) p:before{  top:7px;}
.parHd li:nth-child(2n+1) p:before{ bottom:-7px}
.parBd{ margin-top:60px; width:1120px; margin:20px auto;}
.dsj-img{ width:440px;}
.dsj-img img{ width:100%;}
.dsj-con{ width:680px; height:330px; background-color:#fff; box-sizing:border-box; padding:20px;}	
.parBd h4{ font-size:32px; color:#ae261a;  display:inline-block; margin-bottom:10px;}
.parBd p{line-height:180%;font-size:18px; }
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:60px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act p{ color:#ae261a;}
.parHd li.act p:after{background: #ae261a;}
.parHd li.act p:before{background: #ae261a;}
.parHd li span,.parHd li.clone span{display:none;}

/* 联系我们 */
.contact-top{ margin-top:40px;}
.contact-top .right{ width: 760px; height:300px; padding: 50px 0 0 40px; background-color:#f5f5f5;}
.contact-top .right h2{ height: 32px; color: #13428a; line-height:32px; font-weight:bold;}
.contact-top .right p{ font-size: 16px; color: #666666; line-height: 34px; width: 666px; margin:15px 0;}
.fangshi{width: 100%;height:480px;background:url(../images/nhbg.jpg) no-repeat center center;margin-top: 36px;padding-top:40px;}
.fangshi .content{width: 1200px;height: 400px;margin: 0 auto;}
.fangshi .content .box{width: calc(25% - 1px);background: #fff;float: left;height: 400px;border-right: 1px solid #ccc;}
.fangshi .content .box img{margin: 50px auto 0;display: block;}
.fangshi .content .box h3{text-align: center;font-size: 24px;color: #333;margin: 24px;}
.fangshi .content .box p{text-align: center;font-size: 15px;color: #666;line-height: 30px;margin-top: 34px;}
.fangshi .content .box p b{color: #333;}
.fangshi .content .box h2{ text-align: center;font-size: 26px;color: #00253d;font-family: "arial";margin-top: 34px;}
#map{ width:1188px; height:448px; border:#ccc solid 1px; font-size:12px;}



/* 在线留言 */
.message-wrap, .map-wrap{	margin-bottom: 40px; padding-top: 40px;}
.message{ border:1px solid #bbb; background:url(../images/message-bg.jpg) no-repeat center bottom #fff; padding: 40px 15%;}
.message li{ margin-bottom: 10px;  line-height: 35px; color: #666; overflow: hidden;}
.message li label{ display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right;  height: 33px; line-height: 33px; overflow: hidden;}
.message li label b{color: #f00;}
.message li label span{ font-weight:bold;}
.message li .inp{ width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height:38px;line-height: 36px;color: #666; box-sizing: border-box;/* float: left; */}
.message li textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; font-family:"microsoft yahei"; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box;}
.message li .code_gg{ width: 80px; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666;}
.code_gg_li img { vertical-align: middle; width: 100px;  height: 32px;}
.last-li{  padding-left: 120px;}
.last-li .inp-b{ width:120px; height: 34px; border: 0; text-align: center; color: #fff;  cursor: pointer; background-color:#13428a;}

/* 合作伙伴 */
.ind-case .tybt{ margin-bottom:40px; margin-top:20px;}
.ind-case .list{ width:1200px;}
.ind-case ul{ width:110%;}
.ind-case li{ width:290px; height:92px; margin-bottom:30px; margin-right:13px; float: left; overflow:hidden; display:table; text-align: center; vertical-align: middle; border:1px solid #dddddd;}
.ind-case li span{ display: table-cell; vertical-align: middle;}
.ind-case li img {  max-width: 226px; max-height:60px; overflow: hidden;  margin: 0 auto;}
.hz_j{ width:165px; height:27px; margin:0 auto;}
.hz_j img { display:block; float:left; margin-top:8px;}
.hz_j a{ display:block; float:left; width:40px; height:27px; margin:0 29px;}
.hz_j a img{ margin-top:0;}
.s-ban{width:100%; height:192px; background:url(../images/s-ban-bg.jpg) no-repeat center; margin-top:40px;}
.s-ban .fl{ margin-top:57px; color:#fff;}
.s-ban .fl h2{ font-size:32px; height:32px; line-height:32px; color:#fff; margin-bottom:25px;}
.s-ban .fr { margin-top:43px;}
.s-ban .fr h3{ padding-left:44px; background:url(../images/s-ban-tel.png) no-repeat left center; color:#fff;}
.s-ban .fr h3 span{ font-size:14px;}
.s-ban .fr h3 p{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:30px; height:30px; line-height:30px;}
.s-ban .fr a{ display:block; color:#fff; background-color:#1b2048; text-align:center; width:227px; height:38px; line-height:38px; margin-top:17px; transition:all 0.2s;}
.s-ban .fr a:hover{ background-color:#fff; color:#333;}


/************************************** 新闻中心 ***************************************/
.news-wrap{ padding-top:30px; padding-bottom:50px;}
.news-wrap .w1200{ width:1240px;}
.news-l{ width:72%; float:left; background-color:#fff; padding:10px 20px;}
.news-l .news-list li {
    padding: 30px 0;
    border-bottom: 1px dashed #e6e6e6;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.news-l .news-list .news-thumb {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.news-l .news-list .news-date {
    width: 50px;
    text-align: center;
}
.news-date h3 {
    font-size: 36px;
    color: #333;
	font-weight:bold;
}
.news-date p {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}
.news-l .news-list .news-thumb .img {
    margin: 0 20px;
    overflow: hidden;
}
.news-l .news-list .news-thumb .img img {
    width: 200px;
    height: 110px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.news-l .news-list .news-info {
    padding-left: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.news-l .news-list .news-info h3 {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-l .news-list .news-info h3 a{
    font-size: 16px;
    color: #333333;
}
.news-l .news-list .news-info h3 a:hover{ color:#ae261a;}
.news-l .news-list .news-info p {
    font-size: 14px;
    color: #555555;
    line-height: 25px;
}
.news-l .news-list .news-info .read-more {
    width: 100%;
    font-size: 12px;
    color: #ae261a;
    text-align: right;
    margin-top: 5px;
    display: block;
}
/*************************************** 页码 ***************************************/
#page{ margin-top:40px; margin-bottom:30px;}
#page a {
    margin: 0 5px;
    display: inline-block;
    border: 1px solid #ae261a;
    font-size: 12px;
    color: #333333;
    padding: 5px 10px;
}
#page a:hover {
    color: #ffffff;
    background-color: #ae261a;
    border: 1px solid #ae261a;
}
#page {
    display: flex;
    justify-content: center;
}
#page .con {
    display: flex;
    align-items: center;
}
#page .con ul {
    display: flex;
    align-items: center;
}
#page .con ul li.active a {
    color: #ffffff;
    background-color: #ae261a;
    border: 1px solid #ae261a;
}

/*************************************** 新闻侧边 ***************************************/
.news-wrap  aside {
    width: 18%;
	float:right;
    background-color: #ffffff;
    box-shadow: 1px 1px 8px rgba(0,0,0,.05);
}
.news-wrap  aside .list-tit b {
    font-size: 24px;
    color: #333333;
}
.news-wrap  aside .list-tit div {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 30px;
}
.news-wrap aside .list-tit {
    text-align: center;
}
.news-wrap aside .list-tit > div:first-child {
    padding-top: 30px;
}
.news-wrap aside ul {
    padding: 20px 0;
}
.news-wrap aside ul li {
    border-bottom: 1px dashed #e6e6e6;
    padding-bottom: 20px;
    text-align: center;
}
.news-wrap aside ul li a > img:first-child {
    display: block;
    margin: 20px auto;
}
.news-wrap aside .news-info h1 a{
    font-size: 16px;
    color: #333333;
}
.news-wrap aside .news-info .date{
    font-size: 12px;
    color: #999;
    width: 100%;
}
.news-wrap aside ul li p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.news-wrap aside .news-hot li {
    padding-top: 20px;
}
.news-wrap aside .news-hot .news-info {
    padding: 0 15px;
    margin-top: 10px;
}
.news-wrap aside .news-hot .news-info p {
    margin-top: 5px;
    text-align: left;
}

/*************************************** 新闻详情 ***************************************/
.articlebox h3{font-size: 38px; color: #333; font-weight:bold; font-family: 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑"; }
.articlebox ul li{
	list-style: none;
	float: left;
	font-size: 14px;
	color: #666;
	margin-right: 30px;
	font-family: 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑"; 
}
.articlebox ul{
	overflow: hidden;
	margin-top: 10px;
}
.artconbox{
	line-height:39px;
	font-size:16px; 
	color:#333;
	margin-top:20px;
}
.artconbox img{ display:block; margin:10px 0; max-width:90%;}
.prevnext{ border:1px solid #ebebeb; border-left:none; border-right:none; padding:0 10px;}
.prevnext .prev,.prevnext .next{ width:48%; overflow:hidden;  line-height:50px; height:50px;}
.prevnext .next{ text-align:right;}
.news-l-bottom{line-height:28px; font-size:14px;margin-bottom:30px; padding-top:10px; margin-top:20px; color:rgb(211,0,0);  font-family: 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";}
.news-l-bottom .font{ color:#d30000;}
.news-l-bottom .news-zx{border:1px solid #e80111; color:#ffffff; background-color:#e80111;  padding:3px; padding-left:6px; padding-right:6px; text-decoration:none;text-align: center;}
.abread{
	width:1200px;
	overflow: hidden;
	padding: 20px;
	margin:0 auto;
	background: #fff;
	margin-top: 25px;
	padding-bottom:40px;
	 font-family: 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";
}
.abreadul h3{
	background:url(../images/hongbian.jpg) left no-repeat;
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
	font-weight:bold;
}
.abreadul{
	width: 45%;
	float: right;
	overflow: hidden;
}
.abreadul ul li{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li:hover{
	font-size: 14px;
	color: #d51419;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li a{
	color: #666;
}
.abreadul ul li a:hover{
	color: #d51419;
	text-decoration:none;
}
.abreadul ul li span{
	font-size: 12px;
	color: #ccc;
	float: right;
}
.abreadul ul{
	overflow: hidden;
	margin-left: 15px;
	margin-top: 25px;
}
#ableft{
	float: left;
}
.ab_line{
	width: 1px;
	height: 150px;
	background: #eee;
	float: left;
	margin-left: 60px;
	margin-top: 50px;
}
.webdes{
	width: 1200px;
	overflow: hidden;
	margin:0 auto;
}
.webdes ul li{
	width: 278px;
	height: 98px;
	border: 2px #efefef solid;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 98px;
	color: #0d0c0c;
	font-size: 24px;
	transition: 0.5s;
	margin-left: 24px;
	margin-top: 30px;
	background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
	margin-left: 0px;
}
.webdes ul li:hover{
	border: 2px #d61519 solid;
	color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

::-webkit-scrollbar{
            width: 6px;
            height: 6px;
        }
        /*滚动条的轨道*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            background: #f20c2b;
        }
        /*滚动条的上下两端的按钮*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #d61519;
        }
.webdes{
	width: 1240px;
	overflow: hidden;
	margin:0 auto;
}
.webdes ul li{
	width: 278px;
	height: 98px;
	border: 2px #efefef solid;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 98px;
	color: #0d0c0c;
	font-size: 24px;
	transition: 0.5s;
	margin-left: 36px;
	margin-top: 30px;
	background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
	margin-left: 0px;
}
.webdes ul li:hover{
	border: 2px #d61519 solid;
	color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}
::-webkit-scrollbar{
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        ::-webkit-scrollbar-thumb{
            background: #f20c2b;
        }
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #d61519;
        }
.webcat{  padding-top:40px;}
.webcat .cattit {font-size:25px; color:#000000; text-align:center; line-height:55px;}
.webcat .catbtn{width:900px; background:url(../images/djwz.jpg) center repeat-x; margin:0px auto;}
.webcat .catbtn div{width:400px; background-color:#F4F5F9;  margin:0px auto; text-align:center;}
.webcat p{font-size:16px; color:#000000; text-align:center; line-height:55px; letter-spacing:5px;}
.bottomlx{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d51419;
	line-height:57px;

}
.bottomlx:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#151515;
	line-height:57px;
	text-decoration:none;
}


/*************************************** 联系我们 ***************************************/
.cat-wrap .w1200{ padding-bottom:50px; font-family: 'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";}
.cat-wrap .cattitle{text-align:center;height:85px;line-height:85px;font-size:36px; color:#111111; font-weight:bold}
.cat-wrap .cattitle2{text-align:center; font-size:16px;  width:1120px;  margin:0px auto;background:url(images/albg.jpg) center repeat-x}
.cat-wrap .cattitle2 div{margin:0px auto; background-color:#F4F5F9; width:400px; color:#333333}
.cat-wrap .cattitle2 div span{font-family: 'DINPro-Bold';}
.cat-l ul{ width:800px;}
.cat-l li{ border-bottom:1px dashed #cac9c9; padding:10px 0;  padding-left:45px; }
.cat-l .ft22{font-size:22px; }
.cat-l .ft18{ font-size:18px;}
.cat-l li.li1{ background:url(../images/sqphone.png) left no-repeat;}
.cat-l li.li2{ background:url(../images/conatct_icon3.png) left no-repeat;}
.cat-l li.li3{ background:url(../images/zuoxi.png) left no-repeat; }
.cat-l li.li4{ background:url(../images/conatct_icon1.png) left no-repeat;}
.cat-l li.li6{ background:url(../images/conatct_icon6.png) left no-repeat;}
.lxwmkefu{
	width:100px;
	line-height:28px;
	border:1px solid #c90000;
	font-size:14px;
	padding:5px;
	padding-left:10px; padding-right:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#FFFFFF;
	color:#c90000;
	margin-right:6px;
}
.lxwmkefu:hover{
	width:100px;
	line-height:28px;
	border:1px solid #c90000;
	font-size:14px;
	padding:5px;
	padding-left:10px; padding-right:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#c90000;
	color:#fff;
	margin-right:6px;
}
.cat-r .ewm-box { margin-top:25px;}
.cat-r .ewm-box img{ display:block; wdith:150px; height:150px; float:left;}
.cat-r .ewm-box div{ float:left; margin-top:25px; margin-left:15px;}

/*************************************** 联系我们 ***************************************/
.contactwz{ height:246px; margin-top: 40px;}
.contactwz dt{margin-top:-4px; width:352px; overflow: hidden; float: right;z-index: 99;position: relative;}
.contactwz dt img{ width:100%; height: auto;  }
.contactwz dd{padding:52px 0 0 17px; width:770px; float: left; overflow: hidden;}
.contactwz dd h3{ font-size: 24px; color:#000000;font-weight: normal;}
.contactwz dd p{padding-top: 12px; font-size: 16px; line-height: 30px; color:#737373;}
.contactwz dd b{ font-size: 24px; font-family: Arial; color:#000000;}
.contact01 .w1200{margin-bottom: 34px;background:#f6f6f6;padding:24px 66px 34px;}
.contact01 h3{height:78px; font-size:34px; color:#000000; line-height: 78px; font-weight: normal; position: relative;}
.contact01 h3 span{ display: inline-block;padding-left: 10px; font-size: 18px; color:#333333;}
.contact01 h3::before{position: absolute; content:""; width:100%;height:1px; bottom:1px;left: 0;background:#c91520;}
.contact01 h3::after{position: absolute; content:""; width:148px;height:3px; bottom:0px;left: 0;background:#c91520;}
.contact01 p{margin-top: 30px;padding-bottom: 30px;padding-left: 53px; font-size: 16px ; color:#737373;line-height: 30px;border-bottom: 1px dashed #7b7b7b;}
.h01{margin-top: 30px;}
.contact01 .p01{background: url(../images/cont/contact_ico01.png) no-repeat 0 0;}
.contact01 .p02{background: url(../images/cont/contact_ico02.png) no-repeat 0 0;}
.contact01 .p03{background: url(../images/cont/contact_ico03.png) no-repeat 0 0; border-bottom: 0;}
.contact01 p em{display: inline-block;padding:0 40px;}
.contact02 .w1200{background:#f6f6f6;padding:24px 66px 66px; margin-bottom:40px;}
.contact02 h2{height:102px; line-height: 102px;overflow: hidden; font-size: 36px; color:#ae261a;  font-family: Arial; position: relative; font-weight:bold;}
.contact02 h2::before{position: absolute;content:""; width:88px;height:3px;background:#ae261a; top: 55px;left: 90px;}
.contact02 h3{ padding-left: 66px; font-size: 24px; color:#333333;line-height: 30px;height:58px;border-bottom: 1px dashed #7b7b7b;}
.h02{background: url(../images/cont/contact_ico06.png) no-repeat 0 0;}
.h03{background: url(../images/cont/contact_ico07.png) no-repeat 0 0;}
.contact02 p{padding:16px 0 38px;font-size: 16px; line-height: 24px; color:#737373;}
#map{ width:1188px; height:448px; border:#ccc solid 1px; font-size:12px;}
#map p{ padding:0;}




/*************************************** 团队顾问介绍 ***************************************/
.team-wrap .news-l{ width:1200px;}
.team-wrap .artconbox .team-img{ float:left; width:20%;background-color: rgba(0,0,0,.8);}
.team-wrap .artconbox img{ display:block; max-width:600px; margin:0 auto; padding-top:20px;}
.team-wrap .artconbox .team-con{ float:right; padding-top:20px; width:75%;}
.team-wrap .artconbox p{ }
.team-wrap .prevnext{ margin-top:30px;}
.team-btn a{ display:block; border-radius:25px; height:48px; width:200px; text-align:center; background-color:#ccc; margin-top:40px; line-height:48px;}
.team-btn a:hover{ background-color:#ae261a; color:#fff;}

.sea-tit h3{ font-size:26px; position:relative; margin-bottom: 20px;}
.sea-tit h3:after{
	content: '';
	display: block;
	position: absolute;
	left:0;
	bottom:-4px;
	height: 2px;
	width:120px;
	background: #ae261a;
}


/*************************************** 知识产权研究院 ***************************************/
.yjy-wrap2{ background: #f5f5f5; padding:40px 0;}
.yjy-problem{ float: left;  width: 390px; margin-top: 15px; margin-right: 15px;}
.ch_head1802{ border-bottom:1px solid #D7F1E3; height:40px; line-height:40px; color:#ae1f15;font-weight:bold; font-size:12px;}
.in_ma_tit {
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
    float: left;
	
}
.yjy-wrap2 .fl{ width:795px;}
.yjy-wrap2 .fr{ width:390px;}
.yjy-wrap2 .fr .yjy-problem{ margin-right: 0;}
.in_ma_more {
    width: 32px;
    height: 19px;
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    line-height: 19px;
    text-align: center;
    margin-left: 150px; float:left;
}
.fleft{float:left;}
.fright{float:right;}
.qtb_1,.qtb_2,.qtb_3,.qtb_4,.qtb_5{width:30px; height:19px; float:left; margin:12px 5px 0 10px;}
.qtb_1{ background:url(../images/yjy01.png) no-repeat left center;}
.qtb_2{ background:url(../images/yjy02.png) no-repeat left center;}
.qtb_3{ background:url(../images/yjy03.png) no-repeat left center;}
.qtb_4{ background:url(../images/yjy04.png) no-repeat left center;}
.qtb_5{ background:url(../images/yjy05.png) no-repeat left center;}
.yjy-list ul {
    padding: 15px 15px 20px 20px;
}
.yjy-list ul li {
    margin-bottom: 6px;
    line-height: 26px;
	width:90%; 
	text-overflow:ellipsis;white-space: nowrap; overflow: hidden;
}
.yjy-list li a{ line-height: 26px; font-size: 15px;}
.yjy-wrap2 .yjy-list1  ul li{ width:100%;}
.yjy-list1  ul li a{ display:inline-block; max-width:90%; height: 26px; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; float:left;}
.main-title {
    height: 38px;
    font-size: 17px;
    font-weight: normal;
    line-height: 38px;
    background: url("../images/titles_bg.png") no-repeat center -114px;
    color: #fff;
    padding-left: 30px;
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-title-more {
    float: right;
    font-size: 12px;
    color: #91909e;
}

.common-case .case-wrap{ padding:20px 0 40px; overflow: hidden; width:100%;}
.common-case .case-wrap ul{ width:110%;}
.common-case .class-item {
    float: left;
    width: 278px;
    height: auto;
    margin: 5px 23px 15px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #e5ecf1;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.class-item:hover {
    -webkit-box-shadow: 0 0 10px #cfcfd1;
    box-shadow: 0 0 10px #cfcfd1;
    transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);;
	-ms-transform:translateY(-5px);
}
.class-item .class-cover {
    width: 270px;
    height: 158px;
    margin: 4px auto 0;
}
.class-item .class-cover img {
    width: 100%;
    height: 100%;
}
.class-item .class-info {
    width: 100%;
    background: #fff;
    padding: 0 5px;
    box-sizing: border-box;
}
.class-item .class-info .class_title{
    color: #222;
    font-size: 15px;
	line-height:30px;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.class-item .class-info .teacher{
    color: #222;
    font-size: 12px;
    overflow: hidden;
    margin: 5px 0;
}
.class-item .class-info .teacher em{
    float: left;
    font-style: normal;
    margin: 0 4px;
}
.class-item .class-info .class_length, .class-item .class-info .teacher-name {
    float: left;
}
.vdo-Course{ margin: 40px auto;}
.vdo-Course .tit{
    width: 228px;
    font-weight: bold;
    font-size: 36px;
    padding: 5px 0;
    text-align: center;
	margin: 0 auto 40px;
}
.vdo-Course .tit span{
    float: right;
    width: 44px;
    height: 24px;
    background: #FE4232;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    margin-top: 4px; 
}
.vdo-Course .tit i:nth-of-type(1){
    float: left;
    margin: 11px 0 0 7px;
}
.vdo-Course .tit i:nth-of-type(2){
    float: right;
    background-position: -12px 0;
    margin: 11px 7px 0;
}
.vdo-Course .tit i{
    width: 12px;
    height: 10px;
    background: url("./images/live_icon.png") no-repeat;
}
.yjy-box{ width:100%; height:280px; overflow: hidden;}
.yj-img-bd ul{ width:140%;}
.yj-img-bd ul li{ width:590px;height:272px; margin-right:18px; float:left; position:relative;}
.yj-img-bd ul li img{ width:100%;}
.yj-img-bd ul li:after{ content: ''; position: absolute; right:20px; top:25px; width:0px; height: 300px; background: #f1f1f1;}
.yj-img-hd ul li{ text-indent:-9999px;}
.vdo-Course .w1200{   padding-top:20px;}