@charset "utf-8";
/* CSS Document */
body .aa1{background:none;}

.product_index .colproduct.cur ul li p {
  display: block;
}

.fenl { float:left; width:247px;}
.fenl .tit { font:14px "微软雅黑","宋体"; color:#ccc; text-transform:uppercase; background:#009cee;text-align: center; height:80px; line-height:80px; padding-left:10px;}
.fenl .tit span { font-size:24px; padding-right:10px; color:#fff}
.fenl .tit span a { color:#fff;}
.fenl .nr { border:1px solid #bababa; border-top:0; padding:10px 1px 0; overflow:hidden}
.fenl .nr h4 a{ height:50px; font-size:14px; font-weight: normal; padding-left:20px;  margin: 0 auto 20px;width:200px; color:#000000; background:#e5e5e5; display:block; line-height:50px;}
.fenl .nr h4 a:hover,.fenl .nr h4.aur a{color:#009cee;font-weight:bold;  text-decoration: none;}
.fenl .nr ul { margin-bottom: 0px;}
.fenl .nr li a{ display:block; height:30px; line-height:30px; padding-left:27px; color:#6e6d6d; border-bottom:1px dashed #f4f4f4}
.fenl .nr li p a:hover{color:#009cee;font-weight:bold; text-decoration: none; }

.list1 { float:right; width:689px;}
.pro { height:489px; overflow:hidden}
.pro .tit { background:url(Img/Index/tit2.gif) no-repeat; height:43px; padding:0 9px 0 64px ; line-height:43px; font:16px "微软雅黑","宋体"; color:#6e6e6e; line-height:43px; margin-bottom:18px;}
.pro .tit a:hover { color:#666;}
.pro .tit span a { float:right; font-size:12px; color:#777777; font-family:"宋体"}
.pro dl { float:left; width:209px; height:214px; padding:0 21px 0 6px; }
.pro dt { font-size:0; line-height:0}
.pro dt img { width:205px; height:177px; border:1px solid #e9e9e9; padding:1px;}
.pro dd a { text-align:center; height:33px; line-height:33px; color:#817f7f; display:block; overflow:hidden;}
.pro .nones { padding:0 0 0 6px}
.product_new {position:relative;height: 800px;}
.product_index .colproduct{width:14.1%;float:left;line-height:60px;cursor: pointer;color: #333;text-align:center;font-size:16px;font-family: Arial, 微软雅黑;border:1px solid #dcdcdc;border-left:0;}
.product_index .colproduct:first-child {border-left: 1px solid #dcdcdc;}
.product_index .colproduct b{display:block;font-weight:normal;position:relative;}
.product_index .colproduct b:after{content:'';position:absolute;display:block;border-bottom:2px solid #0089ab;bottom:0;left:0;width:0;height:1px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.product_index .colproduct b:hover::after,.product_index .colproduct.cur b:after{width:100%;}
.product_index .colproduct.cur ul{display:block;}
.product_index .colproduct ul {
    position: absolute;
    left: 0;
    text-align:center;
    width: 100%;display:none;
}
.product_index .colproduct ul li {
    display: inline-block;cursor: pointer;
    padding: 10px 30px;
}
.product_index .colproduct ul li b{font-weight:normal;line-height:50px;margin:20px 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;display:block;}
.product_index .colproduct.cur ul li b:after{width:0;}
.product_index .colproduct.cur ul li.cur b:after,.product_index .colproduct ul li:hover b:after{width:100%;}
.product_index .colproduct ul li.cur p{display:block;}
.product_index .colproduct ul li p {
    position: absolute;left: 0;width:100%;top:110px;display:none;
}
.product_index .colproduct ul li p span{display:block;    background: #f8f8f8;float:left;width:30%;padding: 30px;margin-right:4.5%;margin-bottom:20px;box-sizing: border-box;}
.product_index .colproduct ul li p span:nth-child(3n){margin-right:0;}
.product_index .colproduct ul li p span a:hover{    text-decoration: none;}
.product_index .colproduct ul li p span img{    float: left;width: 150px;    display: block;margin:60px 20px 60px 0;}
.product_index .colproduct ul li p span em{display:block;color:#333;text-align:left;line-height:40px;    height: 40px;
    overflow: hidden;}
.product_index .colproduct ul li p span i {
    font-style: normal;
    line-height: 20px;
    font-size: 14px;height: 60px;    overflow: hidden;
    display: block;
}

.xiaos {overflow:hidden; padding-top:11px;}
.xiaos h4 { background:#009cee;    border-radius: 10px;height:50px; font:16px "微软雅黑","宋体"; color:#fff; line-height:50px; margin-bottom:26px; padding:0 9px 0 40px;}
.xiaos h4 a { color:#fff;font-size:18px;position:relative;}
.xiaos h4 em a:before{content:'';position:absolute;display:block;width:15px;height:15px;background:#fff;top:5px;left:-25px;}
.xiaos h4 span a { float:right; font:14px "宋体"; color:#ccc; line-height:50px}
.xiaos dl { float:left; width:286px;border:1px solid #e7e7e7; padding:1px; margin:0 21px 30px 6px; display:inline}
.xiaos dt { font-size:0; line-height:0}
.xiaos dt img { width:286px; height:180px;}
.xiaos dd a { display:block; height:44px; text-align:center; line-height:44px; background:#adadad; color:#efefef; overflow:hidden}
.xiaos .nones { margin:0 0 0 6px}

.yous { height:1210px; border:1px solid #bababa; padding-top:11px; background:url(Img/Index/ico12.gif) no-repeat right bottom}
.yous .tit {font-size:14px; color:#000; font-weight:bold; line-height:17px; height:43px; vertical-align:top}
.yous .tit span { background:url(Img/Index/tit9.gif) no-repeat; height:43px;width:361px; font:24px "方正兰亭粗黑简体","宋体"; color:#fff; line-height:32px; display:inline-block; padding-left:16px; margin-right:7px; float:left}
.yous .nr { padding:0 11px 0 15px;}
.you1 { height:237px; border-bottom:1px dashed #9f9f9f; padding:21px 0 0 8px;}
.you1 dl { float:left; width:500px; padding-top:48px;}
.you1 dt img { float:left; padding-top:3px; padding-right:8px;}
.yous dt{ font-size:24px; color:#000000;  font-weight:bold}
.yous dd {padding:6px 0 0 35px; line-height:24px; color:#636363;}
.yous dd span { color:#941111; font-weight:bold}
.img01 { float:left; width:370px; padding-left:49px}
.img01 li { float:left; font-size:0; line-height:0;  margin:0 1px 1px 0; position:relative; display:inline;width:121px; height:72px;}
.img01 li img { width:121px; height:72px;}
.img01 li span { width:121px; height:72px; background:#000;filter:Alpha(opacity:70);opacity:0.7; text-align:center; line-height:72px; color:#fff; font-size:12px; position:absolute; left:0; top:0; display:block;cursor:pointer}
.img01 .cur span { display:none}

.you2 { background:url(Img/Index/ico10.gif) no-repeat 0 14px; padding:60px 0 0 400px; height:276px; border-bottom:1px dashed #9f9f9f;}
.you2 div { width:495px; line-height:24px; color:#636363}
.you2 div h4 { height:35px; line-height:35px;font-size:24px; color:#000000;  padding-bottom:10px;}
.you2 div span{ color:#941111; font-weight:bold}

.you3 {background:url(Img/Index/ico11.gif) no-repeat 14px 22px; height:341px; padding:27px 0 0 8px;border-bottom:1px dashed #9f9f9f; position:relative}
.you3 .dls2 { float:left; width:442px;}
.dls2 dt img { margin-bottom:5px; float:left; padding-right:6px}
.you3 .dls3 { padding-left:26px; width:438px;}
.img02 { position:absolute; top:145px; left:157px;}

.you4 { padding:26px 0 0 8px; width:517px;}

.tu1 img { width:952px; height:82px; border:1px solid #bababa; padding:3px;}

.hezuo { float:left; width:247px;}
.hezuo .tit { font:14px "微软雅黑","宋体"; color:#929292; text-transform:uppercase; background:url(Img/Index/tit1.gif) no-repeat; height:35px; line-height:35px; padding-left:10px;}
.hezuo .tit span { font-size:16px; padding-right:8px; color:#fff}
.hezuo .tit span a { color:#fff;}
.hezuo .nr { height:304px; border:1px solid #bababa; border-top:0; padding:9px 11px 0 13px; background:#fff; overflow:hidden}
.hezuo .nr li { float:left; font-size:0; line-height:0; border:1px solid #ebebeb; border-width:0 1px 1px 0; padding:4px 0px 0 2px;}
.hezuo .nr .nofr { border-right:0}
.hezuo .nr .nobt { border-bottom:0}

.anl { float:right; width:698px;}
.anl .tit { background:url(Img/Index/tit4.gif) no-repeat; height:35px;font:14px "微软雅黑","宋体"; color:#929292;text-transform:uppercase; line-height:35px; padding:0 10px 0 19px}
.anl .tit span { font-size:16px; padding-right:8px; color:#fff}
.anl .tit span a { color:#fff;}
.anl .tit p { float:right; font:12px "宋体"; color:#a9a9a9; line-height:35px;}
.anl .tit p a { color:#a9a9a9; padding:0 8px;}
.anl .tit p a:hover{ color:#fff; font-weight:bold;    text-decoration: none;}
.anl .nr { height:313px; border:1px solid #bababa; border-top:0; padding-left:12px;}
.anl .nr dl { float:left; width:336px; height:128px; padding:21px 6px 1px 0}
.anl .nr dt { float:left; font-size:0; line-height:0}
.anl .nr dt img { width:149px; height:120px; border:1px solid #bababa; padding:3px;}
.anl .nr dd { float:left; width:164px; padding-left:12px; color:#9f9f9f; line-height:22px; height:128px; overflow:hidden}
.anl .nr dd h5 a { display:block; height:22px; line-height:22px; overflow:hidden; color:#5b5b5b; border-bottom:1px dashed #7f7f7f}
.anl .nr dd a { color:#ac2222;}

.jianz .tit { background:url(Img/Index/tit5.gif) no-repeat; height:35px;font:14px "微软雅黑","宋体"; color:#929292;text-transform:uppercase; line-height:35px; padding:8px 23px -1px 39px}
.jianz .tit span { font-size:16px; padding-right:8px; color:#fff}
.jianz .tit span a { color:#fff;}
.jianz .tit p { float:right; font:12px "宋体"; color:#a9a9a9; line-height:35px;}
.jianz .nr { height:315px; border:1px solid #bababa; }
.bis1 {  padding:18px 0 26px; margin-bottom:6px;}
.bis1 dl { width:100%;height: 204px;}
.bis1 dt { margin-left:100px;float:left; font-size:0; line-height:0}
.bis1 dt img {width: 400px; height:275px; border:1px solid #dfdfdf; padding:1px;}
.bis1 dd { margin-left:50px;    font-size: 16px;float:left; width:520px; padding:20px 50px; color:#000; line-height:30px; overflow:hidden}
.bis1 dd h5 a{font-size: 24px;line-height:40px; overflow:hidden; color:#000}
.bis1 dd p span { color:#000000}
.jianz .nones { padding:18px 0 0; margin:0; border:0}
.jianz .bis1 .nones { padding:0 0 0 5px;}


.list2 { float:left; width:261px;}
.list2 .tit { background:url(Img/Index/tit6.gif) no-repeat; height:36px; font:14px "微软雅黑","宋体"; color:#8b8b8b;text-transform:uppercase; line-height:36px; padding-left:17px; margin-top:12px;}
.list2 .tit span { font-size:16px; padding-right:8px; color:#000}
.list2 .tit span a:hover { color:#666;}
.jiao1 { padding-top:62px;}
.rongy .nr dl { float:left; width:350px; margin-right:50px;}
.rongy .nr dt { font-size:0; line-height:0}
.rongy .nr dt img { width:350px; height:260px; border:4px solid #949494;}
.rongy .nr dd a { height:24px; line-height:24px; text-align:center; padding-top:20px; overflow:hidden; color:#817f7f; display:block}

.xiaz .nr { height:277px; border:1px solid #bababa; border-top:0; padding:4px 21px 0 11px; background:#fff; overflow:hidden}
.xiaz .nr li a{ display:block; height:26px; line-height:26px; border-bottom:1px dashed #acacac; padding-left:20px; overflow:hidden; background:url(Img/Index/dian.gif) no-repeat 6px 12px}
.xiaz .nr .nones a { border:0}

.list3 { float:left; width:424px; padding-left:13px;}
.list3 .tit { background:url(Img/Index/tit7.gif) no-repeat; height:36px; font:14px "微软雅黑","宋体"; color:#8b8b8b;text-transform:uppercase; line-height:36px; padding:0 15px 0 17px; margin-top:12px;}
.list3 .tit span { font-size:16px; padding-right:8px; color:#000}
.list3 .tit span a:hover { color:#666;}
.list3 .tit p a { float:right; padding-top:6px;}
.about .nr { height:204px; border:1px solid #bababa; border-top:0; padding:10px 11px 0; overflow:hidden}
.about .nr .tc { width:195px;height:144px;float:left;}
.about .nr .ms { float:left; width:196px; height:170px;padding-left: 8px;overflow:hidden;}
.about .nr p { color:#817f7f; line-height:21px;text-indent:2em;}
.about .nr img { float:left; font-size:0; line-height:0; padding-right:11px;}

.xinw .nr{ height:265px; border:1px solid #bababa; border-top:0; padding:16px 5px 0 15px; background:#fff}
.xinw .nr dl { height:81px; padding-bottom:22px;}
.xinw .nr dt { float:left; font-size:0; line-height:0}
.xinw .nr dt img { width:111px; height:77px; border:1px solid #a2a0a1; padding:1px;}
.xinw .nr dd { float:left; width:253px; padding-left:13px; color:#807e7f; line-height:21px;}
.xinw .nr dd h5 { height:21px; line-height:21px; overflow:hidden; color:#000000;}
.xinw .nr dd a { color:#000}
.dongt .tits { background:url(Img/Index/ico1.gif) repeat-x; height:21px; line-height:21px;}
.dongt .tits li { float:left; height:21px; line-height:21px; background:url(Img/Index/ico2.gif) repeat-x top;}
.dongt .tits li a { padding:0 10px; color:#000000}
.dongt .tits li a:Hover, .dongt .tits .cur a { background:url(Img/Index/ico3.gif) repeat-x; display:block; color:#fff}
.dongt .uls li { height:26px; line-height:26px; padding-left:21px; background:url(Img/Index/dian.gif) no-repeat 7px 12px; overflow:hidden; color:#817f7f}
.dongt .uls li a { color:#817f7f}
.dongt .uls li span { float:right; padding-right:21px;}

.list4 { float:right; width:249px; height:605px;} 
.list4 .tit { background:url(Img/Index/tit8.gif) no-repeat; height:36px; font:14px "微软雅黑","宋体"; color:#8b8b8b;text-transform:uppercase; line-height:36px; padding:0 15px 0 17px; margin-top:12px;}
.list4 .tit span { font-size:16px; padding-right:8px; color:#000}
.list4 .tit span a:hover { color:#666;}
.tuand .nr { height:207px; border:1px solid #bababa; border-top:0; padding:7px 21px 0;}
.tuand .nr dt { font-size:0; line-height:0}
.tuand .nr dt img { width:205px; height:84px;}
.tuand .nr dd { line-height:22px; color:#817f7f; padding-top:8px;text-indent: 2em;}

.went .nr { height:500px;border-top:0; background:#fff}
.went .nr dl { padding:8px 15px 0 11px; height:75px;overflow:hidden;}
.went .nr dl img { float:left; padding:6px 8px 0 0;}
.went .nr dt { color:#817f7f; height:24px; line-height:24px; overflow:hidden}
.went .nr dd { color:#817f7f; line-height:24px;}
.went .nr .dls { background:#ececec}

.link { height:84px; padding:0 11px; border:1px solid #bababa}
.link h5 { height:26px; line-height:26px; overflow:hidden; border-bottom:1px dashed #dddddd; color:#000000}
.link span { line-height:24px; padding-top:6px; display:block;}
.link span a { width:100px; display:inline-block; height:24px; line-height:24px; overflow:hidden; padding-right:4px;}

/*直通车*/

.menua { float: left;line-height: 32px;padding-left: 15px; width: 960px;}
.xtc {border: 1px solid #666;height: 230px; }
.h3_con { background:url(Img/Index/tit10.gif) no-repeat; color: #fff;font-size: 15px;height: 35px;line-height: 36px; margin-top: 0;padding-left: 25px;}
.menua h4 { width:145px; float:left;}
.menua li {float: left; width:130px;}
.menua a:hover{color: #666;}


/*改版后样式*/
.ysbgx { background:url(Img/Index/ysdx.gif) no-repeat center bottom; height:1750px; overflow:hidden; margin-top:34px;}
.ysbg { height:1750px; background:url(Img/Index/ysbt.gif) no-repeat center top; overflow:hidden;}
.ys { width:1180px; height:1750px; margin:0 auto; position:relative; overflow:hidden;}
.ys01 {  height:1700px;}
.ys02 {  height:1700px;}
.ys h2 { color:#000; text-align:right; padding:46px 475px 0 0; font:39px "微软雅黑"; font-weight:bold;}
.ys h2 span { display:block; font-size:22px; font-weight:normal; line-height:20px;}
.ys h2 span b { color:#dc231c;}
.one { position:absolute; top:245px; left:2px; padding-left:35px; width:414px; background:url(Img/Index/01.gif) no-repeat left 5px; overflow:hidden;}
.one h3 { margin-left:22px; font:26px "微软雅黑"; background:url(Img/Index/ysh3.gif) repeat-x left bottom; padding:0 0 12px 0; overflow:hidden;}
.one h3 b { color:#dc231c;}
.one h3 span { display:block; font:14px Arial, Helvetica, sans-serif; color:#c2c2c2; text-transform:uppercase; font-weight:normal;}
.one p { font:15px "微软雅黑"; color:#333; background:url(Img/Index/ysd.gif) no-repeat left 6px; line-height:24px; padding:0 0 0 22px; margin-top:15px;}
.one p em { font-style:normal; color:#dc231c;}
.two { position:absolute; top:650px; left:725px; width:418px; background:url(Img/Index/02.gif) no-repeat left 5px;}
.three { position:absolute; top:980px; left:2px; width:392px; background:url(Img/Index/03.gif) no-repeat left 5px;}
.four { position:absolute; top:1400px; left:720px; width:420px; background:url(Img/Index/04.gif) no-repeat left 5px;}
.five { position:absolute; top:1844px; left:2px; width:426px; background:url(Img/Index/05.gif) no-repeat left 5px;}
.aonet {
    position: absolute;
    width: 700px;
    right: 0;
    top: 160px;
}
.itwo {
    left: 0;
    top: 540px;
}
.ithree {
    top: 920px;
}
.ifour {
    top: 1300px;
    left: 0;
}

.g-title strong {
    display: block;
    font-size: 40px;
    line-height: 50px;
    color: #333333;
    height: 50px;
    overflow: hidden;
    color: rgb(230, 0, 0);
}
.g-title {
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    margin: 40px auto 20px;
}
.g-title span {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #262626;
    height: 32px;
    overflow: hidden;
    font-weight: normal;
}
.g-title:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background: #d60000;
    margin-left: -9px;
    bottom: 0;
    left: 50%;
}
.content{width:1200px;}
.intro {
  padding-top: 10px;
  padding-bottom: 81px;
}
.intro .intro_con {
  width: 593px;
  float: left;
  padding-top: 26px;
}
.intro .intro_con .intro-desc {
  font-size: 16px;
  line-height: 30px;
  color: #5b5b5b;
  max-height: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin: 20px 0 47px;
}
.intro h2 {
  text-align: left;
  padding-bottom: 24px;
  background-image: url('../images/t_bg.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 66px 5px;
  line-height: 0;
}
.intro h2 strong {
  display: block;
  font-size: 38px;
  line-height: 40px;
  color: #282828;
  height: 40px;
  overflow: hidden;
}
.intro ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.intro ul li {
  max-width: 25%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.intro ul li em {
  display: block;
  font-size: 40px;
  line-height: 50px;
  height: 50px;
  color: #333333;
  font-weight: bold;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.intro ul li i {
  height: 50px;
  overflow: hidden;
  max-width: 90px;
  display: inline-block;
  font-style: normal;
}
.intro ul li b {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 32px;
  overflow: hidden;
  height: 32px;
  max-width: 25px;
  display: inline-block;
}
.intro ul li span {
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  height: 26px;
  color: #333333;
  overflow: hidden;
  display: block;
}
.intro ul li:last-child {
  padding-right: 0;
}
.intro ul li:last-child:after {
  display: none;
}
.intro .intro_pic {
  padding-top: 26px;
  padding-right: 26px;
  line-height: 0;
  width: 527px;
  height: 355px;
  float: right;
  position: relative;
}
.intro .intro_pic:before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  background: #e6e6e6;
  top: 0;
  right: 0;
  z-index: 0;
}
.intro .intro_pic:after {
  position: absolute;
  content: "";
  width: 409px;
  height: 345px;
  border: 6px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: 0;
  top: 0;
  z-index: 0;
}
.intro .intro_pic a {
  display: block;
}
.intro .intro_pic img {
  display: block;
  width: 527px;
  height: 355px;
  position: relative;
  z-index: 2;
}
.hezuo{width:100%;float:none;}
.hezuo .nr{border:none;background: #efefef;    padding: 40px 20px 20px;height:auto;}
.hezuo .nr li{    border: none;    padding: 0;width:216px;margin-right:19.5px;margin-bottom:19.5px;}
.hezuo .nr li img{width:100%;}
.hezuo .nr li:nth-child(5n){margin-right:0;}
.ysa {
  overflow: hidden;
  padding-top: 63px;
  position: relative;
  height: 700px;
}
.ysa .ys_nav {
  position: relative;
  z-index: 2;
  margin-bottom: -54px;
  background: #fff;
}
.ysa .ys_nav ul
{
    width:1200px;
    margin:0 auto;
}
.ysa .ys_nav li {
  width: 240px;
  height: 68px;
  background: #333;
  float: left;
  padding: 20px 30px;
  overflow: hidden;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
}
.ysa .ys_nav li img {
  display: block;
  float: left;
  width: 54px;
  height: 54px;
  margin-right: 14px;
}
.ysa .ys_nav li h3 {
  
}
.ysa .ys_nav li h3 strong {
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: 34px;
  height: 34px;
  color: #ffffff;
  overflow: hidden;
}
.ysa .ys_nav li h3 span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-transform: uppercase;
}
.ysa .ys_nav li.on,
.ysa .ys_nav li:hover {
  background: #d60000;
}
.ysa .ys_lists {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left:0;
  bottom: 20px;
}
.ysa .ys_lists dl {
  line-height: 0;
  display:none;
}
.ysa .ys_lists dt img {
  width: 100%;
}
.ysa .ys_lists dd {
  position: absolute;
  width: 527px;
  height: 232px;
  background: rgba(0, 0, 0, 0.67);
  left: 50%;
  margin-left: 73px;
  top: 217px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 38px 46px 20px 112px;
}
.ysa .ys_lists dd span {
  width: 52px;
  height: 116px;
  background-color: #d60000;
  display: block;
  position: absolute;
  left: 33px;
  top: -37px;
  text-align: center;
  padding-top: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ysa .ys_lists dd span:after {
  position: absolute;
  content: "";
  width: 26px;
  height: 1px;
  background: #ffffff;
  left: 48px;
  top: 89px;
}
.ysa .ys_lists dd span i {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: arial;
  height: 14px;
  overflow: hidden;
}
.ysa .ys_lists dd span i:first-child {
  font-size: 30px;
  line-height: 32px;
  color: #ffffff;
  font-weight: bold;
  height: 32px;
}
.ysa .ys_lists dd h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 34px;
  height: 34px;
  color: #ffffff;
  overflow: hidden;
  margin-bottom: 13px;
}
.ysa .ys_lists dd div {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  max-height: 120px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  position: relative;
}