body{ background:#000}
a:hover{ text-decoration:underline}
.m-banner{ height:940px;background:url(ly_01.jpg) center top no-repeat}
.g-con{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-1{ height:70px;  margin-bottom:30px; }
.m-tt-1 h2 a{display:block; margin-bottom:10px;line-height:70px; text-align:center; font-size:48px; color:#fff; font-weight:bold}
.m-tt-1 p{display:block; color:#666; font-size:16px}
.m-tt-2{ display:block; height:50px; margin-bottom:10px; line-height:50px; text-align:left; font-size:22px; color:#039; font-weight:normal}
.g-box-1{overflow:hidden; margin-bottom:40px}
.g-box-2{float:right; width:500px;}
.g-box-3{ float:left; width:860px; overflow:hidden}
.g-box-4{ width:1200px; margin:0 auto; padding:80px 0; overflow:hidden}
.g-box-5{float:right; width:280px}
.g-box-6{ float:left; width:420px; overflow:hidden}

.m-lst-1{}
.m-lst-1 li{ display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #e3e3e3}
.m-lst-1 h2 a{display:block; height:28px; margin-bottom:10px; font-size:20px; color:#fff;}
.m-lst-1 p{display:block; margin-bottom:15px; font-size:14px; color:#ccc}

.m-lst-2{float:left; width:660px}
.m-lst-2 h2 a,.m-lst-2 p{ display:block}
.m-lst-2 h2 a{ height:30px; margin-bottom:10px; line-height:30px; color:#333; font-size:24px;}
.m-lst-2 p{ margin-bottom:20px; font-size:16px;}
.m-lst-3{ width:1280px}
.m-lst-3 li{display:block; float:left; width:538px; height:120px; padding:20px; margin:0 40px 40px 0; overflow:hidden; border:1px dashed #e3e3e3; background:#f3f3f3}
.m-lst-3 img{float:left; width:150px; height:100px; margin-right:20px; }
.m-lst-3 strong a{ display:block; margin-bottom:10px; font-size:22px; color:#333; font-weight:normal}
.m-lst-3 p{ display:block; height:48px; line-height:24px; overflow:hidden}
.m-lst-4{float:right; width:290px; padding-left:50px}
.m-lst-4 li{ padding-bottom:17px; margin-bottom:17px; border-bottom:1px dashed #e3e3e3}
.m-lst-4 strong{ display:block; margin-top:4px;font-size:16px; font-weight:normal; color:#333}
.m-lst-4 p{ color:#03C; font-size:16px}
.m-lst-4 p span{ display:block;float:left; width:6px; height:6px; margin:7px 6px 0 0;  border:1px solid #03C; border-radius:6px}

.m-pic-1,.m-lst-3{ overflow:hidden}
.m-pic-1 li{position:relative;display:block; float:left; width:240px; height:135px}
.m-v{position:absolute; left:41%; top:36%}
.m-pic-2{width:580px; height:400px; float:left; position:relative}
.m-pic-2 img{width:580px; height:400px; display:block}
.m-pic-2 strong,.m-pic-2 span,.m-pic-3 strong,.m-pic-3 span{display:block; height:46px; line-height:46px; color:#fff; position:absolute; bottom:0; left:0; width:100%; z-index:2; text-align:center; font-size:16px; font-weight:normal}
.m-pic-2 span,.m-pic-3 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1;}
.m-pic-3{ position:relative}
.m-pic-3 img{width:280px; height:200px; display:block}
.m-pic-4{ float:right; width:254px; height:520px; padding:10px 10px 10px 20px; background:url(sj-pic.png) center top no-repeat}
.m-pic-5{float:right; width:730px; overflow:hidden }
.m-pic-5 h2{ display:block; font-size:22px; color:#fff; margin-bottom:15px; font-weight:normal}
.m-pic-5 li{ display:block; float:left; width:100%; height:220px; margin-bottom:30px}
.m-pic-5 img{ width:100%}


.m-bj{ height:700px; margin-bottom:70px; background:url(bj_06.jpg) center top no-repeat}
.m-tab{ overflow:hidden; margin-bottom:30px}
.m-tab strong{display:block; float:left; width:10%; height:46px; border-right:2px solid #fff;box-sizing: border-box; line-height:46px; font-size:16px; text-align:center; color:#666; font-weight:normal; background:#f3f3f3}
.m-tab strong.on{background:#e92519; color:#fff}
.m-pic-6{width:400px; float:left; margin-right:40px}
.m-pic-6 img{display:block; width:400px; height:240px; margin-bottom:10px; border-radius:4px}
.m-pic-6 strong,.m-pic-6 p{ display:block; color:#999}
.m-pic-6 strong{ margin-bottom:6px; font-size:20px}

/*头图*/
.hiSlider{width:665px; height:375px}
.hiSlider1 img{ display:block; width:665px; height:375px;}
.hiSlider2{width:1200px; height:600px}
.hiSlider2 img{ display:block; width:1200pxpx; height:600px;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:15px 0;color:#fff;text-indent:10px;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:2;font:16px "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:15px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.m-tt-3{ display:block; height:30px; line-height:30px; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:10px;color:#C00; font-size:28px}
.m-tt-3 a{ float:right; font-size:14px; color:#999;}
.m-lst-5{ overflow:hidden;}
.m-lst-5 li a{ display:block;width:520px; float:left; padding:0 36px; font-size:18px; height:50px; line-height:50px; color:#333; background:url(li2.png) left center no-repeat; overflow:hidden}
.m-lst-6{ width:580px; float:left}
.m-lst-6 li a{ display:block; padding-left:26px; font-size:16px; height:40px; line-height:40px; color:#333; background:url(d01.jpg) 4px center no-repeat; overflow:hidden}
/*滚动*/
.carousel {overflow:hidden}
.carousel .prev ,.carousel .next {display:block;width:30px;height:180px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; outline:0}
.carousel .prev {float:left;background: url(left_jt.png) center no-repeat;}
.carousel .next {float:right; width:30px;background:url(right_jt.png) center no-repeat}
.m-sp{float:left;width:1130px;overflow:hidden}
.m-sp li{float:left;display:block;width:250px;margin:0 16px;text-align:left; text-align:center}
.m-sp strong{ display:block;line-height:24px;font-size:16px;color: #fff; font-weight: normal}
.m-sp img{display:block;width:250px; height:180px; margin-bottom:4px; border-radius:3px}
.m-sp01{float:left;width:1150px;overflow:hidden}
.m-sp01 li{float:left;display:block;width:350px;margin:0 15px;}
.m-sp01 img{display:block;width:350px; height:625px; border-radius:3px}
.m-pic-7{ width:665px; float:left}
.g-box-8,.m-lst-7{ width:360px; float:left; margin-right:60px}
.g-bg-1{ height:680px; background:url(ly06-bg.jpg) center -20px no-repeat}
.g-box-7{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-4{ display:block; padding:50px 0}
.m-pic-8{position:relative; height:275px; background:url(ly06-name1.png) center top no-repeat}
.pa01{position: absolute;width: 240px;height: 207px;left: 0px;top: 22px;overflow: hidden;transform:rotate(120deg);}
.pa02{width:100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.pa03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;}
.pa03 img{	width: 100%;height: 100%;}
.m-pic-8 h4{position: absolute;right:40px;top: 138px;font-size: 24px;height: 30px;line-height: 30px;text-align: right; }
.m-pic-8 h4 a{color:#fff}
.m-pic-8 p{	position: absolute;right:40px;top: 174px;line-height: 20px;width: 110px;text-align: right; color:#fff}
.m-pic-8 span{position: absolute;width: 57px;height: 49px;left: 128px;top: 207px;background: url(ly06-name1b.png);z-index: 9;}
.m-tt-5 a{ display:block; padding:10px 0 6px 0; font-size:24px; line-height:30px; color:#000}
.m-txt-2 { overflow:hidden; margin-bottom:30px}
.m-txt-2 h5 a{ display:block; float:left;width: 125px;height: 108px; margin-right:20px;line-height: 108px;background: url(ly06-name2.png);text-align: center;font-size: 20px;font-weight: bold; color:#fff}
.m-txt-2 p{ display:block; padding-top:10px; font-size:20px; color:#000}
.g-box-9{ float:left; width:420px; overflow:hidden}
.g-box-9r{float:right; width:695px; padding:10px; overflow:hidden }
.m-tab1{float:left; width:60px; padding:25px; border-radius:20px; background:#f3f3f3}
.m-tab1 strong{display:block; padding-bottom:15px; text-align:center; color:#333; font-weight:normal}
.m-tab1 strong img{ margin-bottom:5px;-webkit-filter:grayscale(1); opacity:0.8}
.m-tab1 strong.on{position:relative}
.m-tab1 strong.on img{-webkit-filter:grayscale(0); opacity:1;}
.m-tab1 strong.on span{ display:block; position:absolute; width:12px; height:12px; background:#ffcc33; top:20px; right:-34px; border:3px solid #ffcc33; border-radius:12px}
.m-pic-10{ width:225px; float:right}
.m-pic-11{ float:left; width:445px; height:350px; position:relative}
.m-pic-10 li,.m-pic-9 li{ display:block; width:225px; height:125px; position:relative}
.m-pic-10 img,.m-pic-9 img{display:block; width:225px; height:125px; }
.m-pic-10 strong,.m-pic-10 span,.m-pic-9 strong,.m-pic-9 span,.m-pic-11 strong,.m-pic-11 span,.m-pic-12 strong,.m-pic-12 span{ display:block; width:96%; padding:0 2%; height:30px; line-height:30px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:2; text-align:center}
.m-pic-10 strong,.m-pic-9 strong,.m-pic-11 strong,.m-pic-12 strong{ color:#fff; font-size:14px; font-weight:normal}
.m-pic-10 span,.m-pic-9 span,.m-pic-11 span,.m-pic-12 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  z-index:1}
.m-pic-9{float:right; width:715px; overflow:hidden}
.m-pic-9 li{ float:left; margin:0 0 10px 10px}
.m-pic-15,.m-pic-15 img{width:460px; height:265px; float:left; position:relative}
.m-pic-15 span,.m-pic-15 strong{ display:block; height:30px; line-height:30px; color:#fff; width:92%; padding:0 4%;position:absolute; bottom:0; left:0;  z-index:2}
.m-pic-15 span{ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); z-index:1}
.m-pic-4{ float:right; width:254px; height:520px; padding:10px 10px 10px 20px; background:url(sj-pic.png) center top no-repeat}

/*新增*/
.g-box-10{ padding:30px 30px 10px 30px;border:1px solid #ffe7e5; color:#222; box-sizing:border-box; margin-bottom:30px }
.g-box-11,.g-box-12{ overflow:hidden}

.m-txt-1{ height:90px; font-size:16px; line-height:30px; padding-bottom:20px; margin-bottom:30px; border-bottom:1px dashed #e3e3e3}
.m-lst-8{ width:1200px; overflow:hidden;}
.m-lst-8 li{float:left; display:block; width:500px; height:130px; padding:27px; margin:0 30px 30px 0; background:#f3f3f3; font-size:14px; line-height:24px; border-radius:8px}
.m-lst-8 strong{ float:left; width:auto; font-size:36px; color:#cc3333; margin:8px 5px 0 0}

.m-lst-9{width:1250px; overflow:hidden}
.m-lst-9 li{ float:left;display:block; width:380px; margin:0 30px 30px 0; position:relative}
.m-lst-9 img{ display:block; width:100%; height:230px; margin-bottom:10px; border-radius:4px}
.m-lst-9 span{ display:block; width:100px; height:30px; line-height:30px; background:#039; color:#fff; font-size:16px; text-align:center; position:absolute; top:0; left:0; border-bottom-right-radius:6px}
.m-lst-9 strong a{ display:block; color:#222; font-size:22px}
.m-lst-9 p{ color:#666}

.m-pic-16{float:left; width:840px; overflow:hidden}
.m-pic-16 strong a{ display:block; margin-bottom:10px; font-size:30px; color:#222;}
.m-pic-16 img{ display:block; float:left; width:450px; margin-right:20px; border-radius:4px}
.m-pic-16 p{ font-size:16px; line-height:28px}
.g-box-12{border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3; box-sizing:border-box}
.m-lst-10{ float:left;width:399px; padding:50px 30px 30px 30px; border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; box-sizing:border-box; position:relative; background:#f3f3f3}
.m-lst-10 img{ display:block; width:150px; height:100px; float:left; margin-right:15px; border-radius:4px}
.m-lst-10 strong a{ display:block; color:#222; font-size:20px; margin-bottom:10px; font-weight:normal}
.m-lst-10 li a{ display:block; height:40px; padding-left:16px; line-height:40px; font-size:16px; overflow:hidden; background: url(d01.jpg) left center no-repeat}
.m-lst-10 span{ display:block; position:absolute;top:0; left:0; width:90px; height:32px; line-height:30px; font-size:16px; text-align:center; background:#36C; color:#fff; border-bottom-right-radius:6px}
.m-pic-17{ overflow:hidden; height:502px; padding-top:30px; background:url(paper.png) center 30px no-repeat}
.m-pic-17 li{ float:left; display:block; width:330px; padding:35px}
.m-pic-17 img{ display:block; width:310px; height:200px; margin-bottom:10px; border-radius:4px}
.m-pic-17 strong a{ display:block; margin-bottom:10px; font-size:20px; color:#222}

.m-lst-11{ width:1280px}
.m-lst-11 li{display:block; float:left; width:538px; height:120px; padding:20px; margin:0 40px 40px 0; overflow:hidden; border:1px dashed #e3e3e3; background:#f3f3f3; border-radius:4px; }
.m-lst-11 img{float:left; width:150px; height:100px; margin-right:20px; }
.m-lst-11 strong a{ display:block; margin-bottom:10px; font-size:22px; color:#222; font-weight:normal}
.m-lst-11 p{ display:block; height:48px; line-height:24px; overflow:hidden}

@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.well{ width:340px; float:right; overflow:hidden }
.well .well-item{ position: relative; float: left; width:160px; height:160px; margin:0 0 10px 10px;border-radius:4px }
.well .well-item img{ width:160px; height:160px; border-radius:4px}
.correct{ position: absolute;width:160px; height:160px;border-radius:4px}
.opposite{ width:160px; height:160px;border-radius:4px}
.opposite div{width:160px; height:160px;border-radius:4px}
.opposite-content a{text-decoration:none; font-weight:bold}
.opposite-content{display: table;width:160px; height:160px;background-color: #D95E22;border-radius:4px}
.opposite-content-text{ padding:0 10px; display: table-cell; vertical-align: middle; text-align: center; color: white; font-size:20px; }
.g-bg-2{ height:1209px; background:url(ly_02.jpg) top center no-repeat}
.g-bg-3{ height:1254px; background:url(ly_03.jpg) top center no-repeat}